it-swarm.com.de

So binden Sie einen Google Drive-Ordner in eine Website ein

Ich habe einen Ordner in Google Drive, den ich in meine Website einbetten möchte. Ich kann in den Google Drive-Hilfeartikeln keinen Einbettungscode oder nichts Dokumentiertes finden.

47
Mori

Google Drive-Ordner können in den Ansichten list und grid eingebettet und angezeigt werden:

Listenansicht

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>


Rasteransicht

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>



[~ # ~] q [~ # ~] : Was ist eine Ordner-ID (FOLDER-ID) und wie kann ich sie erhalten? es?

[~ # ~] a [~ # ~] : Gehe zu Google Drive >> öffne den Ordner >> schau auf seine URL in der Adressleiste von dein Browser. Beispielsweise:

Ordner-URL : https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

Ordner-ID :
0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2

Vorsichtsmaßnahme bei Ordnern, für die eine Genehmigung erforderlich ist

Diese Technik eignet sich am besten für Ordner mit öffentlichem Zugriff. Ordner, die nur für bestimmte Google-Konten freigegeben sind, verursachen Probleme, wenn Sie sie auf diese Weise einbetten. Zum Zeitpunkt dieser Bearbeitung wird die Meldung "Sie benötigen eine Berechtigung" mit einigen Schaltflächen angezeigt, die Sie beim Anfordern eines Zugriffs oder beim Wechseln des Kontos (oder möglicherweise beim Anmelden bei einem Google-Konto) unterstützen. Das JavaScript in diesen Schaltflächen funktioniert in einem IFRAME in Chrome nicht ordnungsgemäß.

Weitere Informationen finden Sie unter https://productforums.google.com/forum/#!msg/drive/GpVgCobPL2Y/_Xt7sMc1WzoJ

72
Mori

Einbetten eines Google Drive-Verzeichnisses in einen IFRAME

Google Drive-Ordner können eingebettet und in den Ansichten list und grid angezeigt werden (Sie können lediglich auf eine Datei oder einen Ordner klicken, um ihn auf einer neuen Registerkarte zu öffnen). Ersetzen Sie dazu einfach FOLDER-ID durch Ihre eigene in:

Listenansicht

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>

oder ohne Angabe eines Modus, da der Listenmodus der Standard ist:

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID" style="width:100%; height:600px; border:0;"></iframe>

Rasteransicht

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>

Beziehen Sie Ihre Ordner-ID

Die ID ist der Hash (alphanumerisches Kauderwelsch) nach folders/ In der URL des Ordners. Sie können die URL in der Adressleiste Ihres Browsers sehen, wenn Sie den Ordner Drive öffnen. Zum Beispiel in:

https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2 

Die Ordner-ID lautet 0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2.

Ordner mit G Suite/Google Apps-Domain

Wenn Ihr Ordner Teil einer Google Apps-Domain ist, können Sie die Domain zur URL hinzufügen, um die Berechtigungsprobleme zu beheben (weitere Informationen finden Sie weiter unten):

<iframe src="https://drive.google.com/a/MY.DOMAIN.COM/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>

Ersetzen Sie einfach MY.DOMAIN.COM und FOLDER-ID durch Ihre eigene.

Vorsichtsmaßnahme bei Ordnern, für die eine Genehmigung erforderlich ist

Diese Technik eignet sich am besten für Ordner mit öffentlichem Zugriff. Ordner, die nur für bestimmte Google-Konten freigegeben sind, können Probleme verursachen, wenn Sie sie auf diese Weise einbetten. Dies hängt davon ab, welche Google-Konten im Browser des Nutzers aktiv sind:

  1. Wenn sich der Nutzer bei keinem Google-Konto angemeldet hat, wird nichts im Frame angezeigt.
  2. Wenn der Benutzer bei einem Konto ohne Zugriffsberechtigung für den Ordner angemeldet ist, enthält der Frame die Meldung . Sie benötigen die Berechtigung mit einigen Schaltflächen zum Anfordern des Zugriffs oder Konto wechseln , aber wenn Sie zuletzt darauf klicken, wird der Rahmen ausgeblendet.
  3. Wenn sich der Benutzer bei einem Konto ohne entsprechende Berechtigungen anmeldet und später das autorisierte Konto hinzufügt, greift Google beim Laden des eingebetteten Laufwerks auf das erste aktive Konto zu und dem Benutzer wird angezeigt . Sie benötigen eine Berechtigung , es sei denn...
  4. Wenn die URL eine Google Suite-Domain enthält und der Benutzer im Konto dieser Domain angemeldet ist, funktioniert die eingebettete Ansicht , auch wenn der Benutzer sich zuerst bei einem anderen Konto angemeldet hat .

Die leeren Frames sind darauf zurückzuführen, dass Google die Einbettung seiner Anmeldeseite in einen IFRAME (vermutlich, um das Stehlen von Konten zu verhindern) über den X-Frame-Options - Header untersagt. Wenn dieser Wert auf SAMEORIGIN gesetzt ist, führt dies dazu, dass sich jeder Browser gut benimmt lehne es ab, die Seite zu laden, wenn sie sich nicht in derselben Domain befindet (vg drive.google.com). Sie können dies in der Entwicklerkonsole Ihres Browsers sehen.

TL; DR

Verwenden Sie Folgendes, um eine Liste oder eine Rasteransicht eines Laufwerkordners zu erhalten (Sie können lediglich auf eine Datei oder einen Ordner klicken, um ihn auf einer neuen Registerkarte zu öffnen):

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>

oder alternativ für ein 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>

Ersetzen Sie MY.DOMAIN.COM und FOLDER-ID durch Ihre eigene; Entfernen Sie #grid, um eine detaillierte Dateiliste zu erhalten.

Lassen Sie Ihre Benutzer sich bei privaten Ordnern beim richtigen Konto anmelden, bevor Sie die Seite mit dem eingebetteten Ordner laden. Befindet sich der Ordner in einer Google Apps-Domain, können Sie die Domain zur URL hinzufügen. Anderenfalls müssen sie sich vor allen anderen bei dem autorisierten Konto anmelden.

(Diese Antwort ist eine Bearbeitung von Mori's, wurde aber abgelehnt, da sie irgendwie seine Absicht änderte.)

10
Chema

Für Business-/Gsuite-Apps oder wie auch immer sie genannt werden, können Sie die Domain angeben (es gab ein Problem mit 500 Fehlern mit der ursprünglichen Antwort, wenn Sie in mehreren Google-Konten angemeldet waren).

<iframe 
  src="https://drive.google.com/a/YOUR_COMPANY_DOMAIN/embeddedfolderview?id=FOLDER-ID" 
  style="width:100%; height:600px; border:0;"
>
</iframe>
2
ElDog