Zum Inhalt springen

Google Drive einrichten

Diese Seite führt dich Schritt für Schritt durch die Verbindung von Customer Cloud Gallery mit deinem Google-Drive-Konto. Das Plugin nutzt deine eigenen OAuth-Zugangsdaten, die du kostenlos in der Google Cloud Console erstellst — deine Fotos und Tokens laufen nie über einen Server des Plugin-Autors. Gedacht für Fotografinnen und Fotografen, die ihre Kundenfotos bereits in Drive speichern und sie auf ihrer WordPress-Seite anzeigen möchten.

  • Wie du ein Google-Cloud-Projekt anlegst und die Drive-API aktivierst
  • Wie du eine OAuth-Client-ID erstellst und die Redirect-URI aus dem Plugin kopierst
  • Wie du den OAuth-Zustimmungsbildschirm veröffentlichst, damit die Verbindung nicht nach 7 Tagen abreißt
  • Wie du das Plugin verbindest und die Verbindung prüfst
  • Wie du mit der Warnung „Diese App ist nicht verifiziert” umgehst, die Google beim ersten Mal anzeigt
  • Plugin installiert und aktiviert (siehe Installation)
  • Ein Google-Konto, dem die Foto-Ordner gehören oder das Zugriff darauf hat
  • Beim ersten Mal etwa 10 Minuten Zeit — beim nächsten Mal geht es deutlich schneller

Video folgt in Kürze.

Gehe zu console.cloud.google.com und melde dich mit dem Google-Konto an, in dem deine Kundenfotos liegen.

Screenshot: Google Cloud Console

2. Projekt anlegen (oder ein bestehendes nutzen)

Section titled “2. Projekt anlegen (oder ein bestehendes nutzen)”

Klicke in der oberen Leiste auf die Projektauswahl → Neues Projekt. Vergib einen beliebigen Namen (z. B. „Customer Gallery”). Überspringe diesen Schritt, wenn du bereits ein Projekt wiederverwenden möchtest.

  1. Im linken Menü zu APIs & Dienste → Bibliothek wechseln.
  2. Nach Google Drive API suchen.
  3. Auf das Ergebnis klicken und dann Aktivieren wählen.

4. OAuth-Zustimmungsbildschirm konfigurieren

Section titled “4. OAuth-Zustimmungsbildschirm konfigurieren”
  1. APIs & Dienste → OAuth-Zustimmungsbildschirm.
  2. Extern wählen und auf Erstellen klicken.
  3. App-Name, Support-E-Mail und Entwickler-Kontakt ausfüllen. Die übrigen Felder kannst du leer lassen.
  4. Im Schritt Bereiche den Scope .../auth/drive.readonly hinzufügen. Das Plugin benötigt nur Lesezugriff.
  5. Im Schritt Testnutzer dein eigenes Google-Konto eintragen.
  6. Wichtig: Zurück in der Übersicht des Zustimmungsbildschirms auf App veröffentlichen klicken, um die App von „Testen” auf „In Produktion” umzustellen. Wenn du das überspringst, macht Google das Refresh-Token nach 7 Tagen Inaktivität ungültig und die Galerie verliert still die Verbindung. Du musst die App nicht zur Verifizierung einreichen — die Warnung „nicht verifiziert” ist für die persönliche Nutzung in Ordnung.
  1. APIs & Dienste → Anmeldedaten → Anmeldedaten erstellen → OAuth-Client-ID.

  2. Anwendungstyp: Webanwendung.

  3. Unter Autorisierte Redirect-URIs die exakte URL einfügen, die im Setup-Guide des Plugins steht. So findest du sie: In WordPress Customer Cloud Gallery → Einstellungen öffnen, zum Google-Drive-Bereich scrollen und Google Drive — Schritt für Schritt ausklappen. Die Redirect-URI steht dort in einem Code-Block — kopiere sie unverändert.

    Screenshot: Redirect-URI in den Plugin-Einstellungen

  4. Auf Erstellen klicken. Google zeigt Client-ID und Client-Secret an — lass diesen Dialog offen.

  1. Zurück in WordPress unter Customer Cloud Gallery → Einstellungen den Bereich Google Drive suchen.

  2. Client-ID und Client-Secret in die entsprechenden Felder einfügen.

  3. Zugangsdaten speichern klicken.

  4. Google Drive verbinden klicken.

  5. Google zeigt seinen Zustimmungsbildschirm und (beim ersten Mal) die Warnung „Diese App ist nicht verifiziert”. Klicke auf ErweitertZu [deine App] (unsicher). Das ist bei selbst gehosteten OAuth-Apps, die nur du nutzt, normal.

  6. Den angefragten Scope bestätigen. Google leitet dich zurück zu WordPress und zeigt Verbunden.

    Screenshot: Erfolgreiche Drive-Verbindung

Fehler 403 „access_denied” beim Autorisieren. Du hast den Schritt „App veröffentlichen” auf dem OAuth-Zustimmungsbildschirm übersprungen, oder dein Google-Konto steht nicht in der Testnutzer-Liste. Entweder die App veröffentlichen (empfohlen) oder dich selbst als Testnutzer hinzufügen.

Fehler „redirect_uri_mismatch”. Die Redirect-URI in deinem Google-Cloud-OAuth-Client muss exakt mit der URL übereinstimmen, die das Plugin anzeigt — gleiches Schema (http vs https), gleiche Domain, gleicher Pfad, identischer abschließender Slash. Per Copy-Paste aus dem Plugin-Feld übernehmen, nicht abtippen.

Verbindung funktioniert heute, bricht nach einer Woche ab. Du hast vergessen, auf dem OAuth-Zustimmungsbildschirm App veröffentlichen zu klicken. Refresh-Tokens im Testmodus sind nur 7 Tage gültig. App veröffentlichen und neu verbinden.

Lege deine erste Galerie an: Erste Galerie. Wenn du lieber Dropbox statt (oder zusätzlich zu) Drive nutzen möchtest, siehe Dropbox einrichten — du kannst beide Anbieter verbinden und pro Galerie auswählen.