Saya memiliki folder di Google Drive yang ingin saya sematkan di situs web saya. Saya tidak dapat menemukan kode semat atau apa pun yang didokumentasikan di artikel Bantuan Google Drive.
Folder Google Drive dapat disematkan dan ditampilkan dalam listdan gridtampilan:
Tampilan daftar
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>
Tampilan bergaris
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
T : Apa itu ID folder (FOLDER-ID) dan bagaimana cara mendapatkannya?
J : Buka Google Drive >> buka folder >> lihat URL-nya di bilah alamat browser Anda. Sebagai contoh:
URL Folder : https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
ID Folder :
0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
Peringatan dengan folder yang membutuhkan izin
Teknik ini bekerja paling baik untuk folder dengan akses publik. Folder yang dibagikan hanya dengan akun Google tertentu akan menyebabkan masalah saat Anda menyematkannya dengan cara ini. Pada saat pengeditan ini, pesan "Anda memerlukan izin" muncul, dengan beberapa tombol untuk membantu Anda "Minta akses" atau "Beralih akun" (atau mungkin masuk ke akun Google). Javascript di tombol ini tidak berfungsi dengan baik di dalam IFRAMEdi Chrome.
Baca selengkapnya di https://productforums.google.com/forum/#!msg/drive/GpVgCobPL2Y/_Xt7sMc1WzoJ
- 2Saya baru saja mencobanya secara ekstensif. Tidak ada sama sekali yang ditampilkan di iframe saya. Google Docs selalu tampak begitu dekat menjadi jauh lebih baik daripada yang sebenarnya. Mendesah. Bahkan jika saya harus membayar sedikit untuk url yang berfungsi, saya akan mempertimbangkannya. - James T Snell 21 Februari '14 pukul 0:28
- 1Ini berfungsi dengan baik - apakah ada cara untuk mengambil URL saja? - Richard Griffiths 1 Februari '15 pukul 16:13
- 3Ini berfungsi dengan baik di firefox dan chrome terbaru. Perhatian kecil di sini adalah semua tautan folder / dokumen terbuka di jendela terpisah. Apakah ada cara untuk menelusuri folder drive dalam iframe yang sama ?. adakah cara agar kita bisa menggunakan <base target = "_ parent" />? - Anuruddha 12 Maret '15 pukul 7:16
- 1@ Doc Saya dulu kosong
IFRAMEketika saya tidak memiliki izin. Saya pikir lebih baik sekarang, karena muncul pesan yang mengatakan Anda perlu izin . Tampilan folder yang disematkan juga menampilkan beberapa tombol untuk membantu Anda Meminta akses atau Mengubah akun . Sayangnya, tombol-tombol ini tidak berfungsi di dalamIFRAME(setidaknya tidak dengan versi Chrome yang saya gunakan). Jika browser Anda memungkinkan Anda membuka bingkai di tab lain, Anda dapat mengatasinya. Jika Anda perlu beralih akun untuk mendapatkan akses, akses semula yang disematkan tidak akan beralih, tetapi Anda dapat menggunakan tab yang keluar. - Fuhrmanator 13 Januari '16 pukul 17:57 - 1
Menyematkan direktori Google Drive di IFRAME
Folder Google Drive dapat disematkan dan ditampilkan dalam listdan gridtampilan (di mana yang dapat Anda lakukan hanyalah mengklik file atau folder untuk membukanya di tab baru). Untuk melakukannya, cukup ganti FOLDER-ID dengan milik Anda di:
Tampilan daftar
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>
atau tanpa menentukan mode, karena mode daftar adalah defaultnya:
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID" style="width:100%; height:600px; border:0;"></iframe>
Tampilan bergaris
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Mendapatkan id folder Anda
ID adalah hash (omong kosong alfanumerik) setelah folders/di URL folder. Anda dapat melihat URL di bilah alamat browser Anda saat membuka folder Drive. Misalnya, di:
https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
ID Foldernya adalah 0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2.
Folder dengan domain G Suite / Google Apps
Jika folder Anda adalah bagian dari domain Google Apps, Anda dapat menambahkan domain tersebut ke URL untuk mengatasi masalah izin (dijelaskan lebih lanjut):
<iframe src="https://drive.google.com/a/MY.DOMAIN.COM/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Cukup ganti MY.DOMAIN.COM dan FOLDER-ID dengan milik Anda.
Peringatan dengan folder yang membutuhkan izin
Teknik ini bekerja paling baik untuk folder dengan akses publik. Folder yang dibagikan hanya dengan akun Google tertentu dapat menyebabkan masalah saat Anda menyematkannya dengan cara ini, bergantung pada akun Google mana yang aktif di browser pengguna:
- Jika pengguna belum masuk ke akun Google mana pun, tidak ada yang muncul di bingkai.
- Jika pengguna masuk ke akun tanpa otorisasi untuk mengakses folder, bingkai akan berisi pesan Anda memerlukan izin , dengan beberapa tombol untuk Meminta akses atau Beralih akun , tetapi jika Anda mengklik terakhir ini, bingkai kosong.
- Jika pengguna masuk ke akun tanpa izin yang sesuai, dan kemudian menambahkan akun resmi, saat memuat Drive tersemat Google akan beralih ke akun aktif pertama, dan pengguna akan melihat Anda memerlukan izin , kecuali ...
- Jika URL berisi domain Google Suite, dan pengguna login ke akun domain tersebut, tampilan tersemat akan berfungsi, meskipun pengguna login ke akun lain terlebih dahulu .
Bingkai kosong karena Google melarang menyematkan halaman loginnya dalam IFRAME (mungkin untuk mencegah pencurian akun), melalui X-Frame-Optionsheader, yang jika disetel ke SAMEORIGINakan menyebabkan browser yang berperilaku baik menolak memuat halaman jika tidak berada dalam domain yang sama (vg drive.google.com). Anda dapat melihat ini di konsol pengembang browser Anda.
TL; DR
Untuk mendapatkan daftar atau tampilan kisi folder Drive (yang dapat Anda lakukan hanyalah mengklik file atau folder untuk membukanya di tab baru), gunakan:
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
atau sebagai alternatif, untuk Google Suite / Apps Drive:
<iframe src="https://drive.google.com/a/MY.DOMAIN.COM/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>
Ganti MY.DOMAIN.COM dan FOLDER-ID dengan milik Anda; hapus #griduntuk mendapatkan daftar file rinci.
Untuk folder pribadi, minta pengguna Anda masuk ke akun yang benar sebelum memuat halaman dengan folder yang disematkan; jika foldernya ada di domain Google Apps, Anda dapat menambahkan domain tersebut ke URL. Jika tidak, mereka harus masuk ke akun resmi sebelum yang lain.
(jawaban ini adalah suntingan Mori, tapi ditolak karena mengubah niatnya , entah bagaimana)
- Apakah ada cara untuk mendapatkan tombol panah carrousel (>) untuk memperbesar gambar iframe? - Kuhan 4 Januari '20 pukul 16:18
Untuk aplikasi bisnis / G Suite atau apa pun namanya, Anda dapat menentukan domainnya (memiliki masalah dengan 500 kesalahan dengan jawaban asli saat masuk ke beberapa akun Google).
<iframe
src="https://drive.google.com/a/YOUR_COMPANY_DOMAIN/embeddedfolderview?id=FOLDER-ID"
style="width:100%; height:600px; border:0;"
>
</iframe>
Pada saat menulis jawaban ini, tidak ada metode untuk menyematkan yang memungkinkan pengguna menavigasi di dalam folder dan melihat file tanpa meninggalkan situs web (metode di jawaban lain, membuat semuanya terbuka di tab baru di situs web google drive), jadi saya membuat alat sendiri untuk itu. Untuk menyematkan drive, tempel kode iframe di bawah ini di HTML Anda:
<iframe src="https://googledriveembedder.collegefam.com/?key=YOUR_API_KEY&folderid=FOLDER_ID_WHIHCH_IS_PUBLICLY_VIEWABLE" style="border:none;" width="100%"></iframe>
Pada kode di atas, Anda harus memiliki kunci API dan ID folder Anda sendiri. Anda dapat mengatur ketinggian sesuai keinginan Anda.
Untuk mendapatkan kunci API:
1.) Buka https://console.developers.google.com/ Buat proyek baru.
2.) Dari tombol menu, buka 'API dan Layanan' -> 'Dasbor' -> Klik 'Aktifkan API dan Layanan'.
3.) Cari 'Google Drive API', aktifkan. Lalu buka tab "kredensial ', dan buat kredensial. Jaga agar kunci API Anda tidak dibatasi.
4.) Salin kunci API yang baru dibuat.
Untuk mendapatkan ID folder:
1.) Buka folder Google Drive yang ingin Anda sematkan (misalnya, drive.google.com/drive/u/0/folders/1v7cGug_e3lNT0YjhvtYrwKV7dGY-Nyh5u [ini bukan folder asli]) Pastikan folder tersebut dibagikan secara publik dan terlihat oleh siapa saja.
2.) Salin bagian setelah 'folder /', ini adalah ID folder Anda.
Sekarang letakkan kunci API dan id folder di kode di atas dan sematkan.
Catatan : Untuk menyembunyikan tombol unduh untuk file, tambahkan '& allowdl = no' di akhir URL src iframe.
Saya membuat widget dengan mengingat pengguna seluler, namun sesuai untuk seluler dan desktop. Jika Anda mengalami masalah, tinggalkan komentar di sini. Saya telah melampirkan beberapa tangkapan layar dari konten iframe di sini.
- 1
- @ Chips147 mungkin kunci API atau id folder salah disalin. Atau mungkin folder tertentu yang Anda coba tampilkan tidak dapat dilihat oleh publik (izin berbagi-> siapa pun yang memiliki tautan dapat melihat) - ssy 20 Okt '20 pukul 20:45
<embed>ukuran otomatis konten daripada cara lain<iframe>? - Merchako 8 Mei '19 pukul 21:17