Warnung:Diese Daten werden gemäß der Richtlinie zu Google-Nutzerdaten bereitgestellt. Bitte lesen Sie sich die Richtlinien durch und halten Sie sie ein. Andernfalls kann das zu einem Projekt oder einem Konto führen.

Automatische An- und Abmeldung

Auf dieser Seite wird beschrieben, wie du Funktionen zur An- und Abmeldung von Nutzern mit Google One Tap implementieren kannst.

Nutzer automatisch anmelden

Google One Tap unterstützt die automatische Anmeldung und ermöglicht so eine reibungslose Nutzererfahrung. Dazu müssen Nutzer nicht mehr manuell zur Website zurückkehren. Nutzer müssen sich nicht erinnern, welches Google-Konto sie beim letzten Besuch ausgewählt haben. Dadurch wird das Risiko unnötiger doppelter Konten verringert.

Die automatische Anmeldung soll die Schaltfläche „Über Google anmelden“ und die Dialogfelder für One Tap ergänzen. Sie kann für die gesamte Website verwendet werden. Die manuelle Registrierung oder der Kontowechsel erfolgt erst, nachdem sich der Nutzer zum ersten Mal von der Website abgemeldet hat.

Damit die automatische Anmeldung möglich ist, müssen folgende Bedingungen erfüllt sein:

  • muss der Nutzer in seinem Google-Konto angemeldet sein und
  • haben bereits eingewilligt, dass ihr Kontoprofil mit deiner App geteilt werden darf.

Für Seiten, auf denen die automatische Anmeldung aktiviert ist und diese Bedingungen erfüllt sind, werden die Anmeldedaten des Besucher-ID-Tokens automatisch ohne Nutzerinteraktion zurückgegeben. Wenn diese Bedingungen nicht erfüllt sind und Nutzer auf der Seite die automatische Anmeldung aktiviert haben, wird für die Anmeldung oder Einwilligung standardmäßig der One Tap-Vorgang verwendet. Wenn ein Nutzer mehrere Google-Konten hat und Ihre Website besucht, muss er sich zuerst in einem einzelnen Google-Konto anmelden und seine Einwilligung für dieses Konto geben.

Sie können die Erfolgsquote bei automatischen Anmeldungen anhand des Werts auto im Feld select_by des zurückgegebenen Anmeldedatenobjekts messen.

Fügen Sie Ihrem Code data-auto_select="true" hinzu, wie im folgenden Snippet gezeigt, um die automatische Anmeldung zu aktivieren:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-auto_select="true"
     data-login_uri="https://your.domain/your_login_endpoint">
</div>

Abmelden

Wenn sich ein Nutzer von Ihrer Website abmeldet, kann er zu einer Seite weitergeleitet werden, auf der automatisch eine Aufforderung von Google One Tap angezeigt wird. Für diese Einrichtung muss die automatische Auswahl verboten werden. Andernfalls wird der Nutzer automatisch wieder angemeldet, was zu einer Dead-Loop-UX führt.

Um die automatische Auswahl nach dem Abmelden eines Nutzers zu verhindern, fügen Sie allen allen Abmeldelinks und -schaltflächen den Klassennamen g_id_signout hinzu. Siehe folgendes Code-Snippet:

<div class="g_id_signout">Sign Out</div>

Das folgende JavaScript-Code-Snippet kann auch zum Abmelden verwendet werden:

  const button = document.getElementById(‘signout_button’);
    button.onclick = () => {
      google.accounts.id.disableAutoSelect();
    }

Der Status „Nicht angemeldet“ wird daher über ein Cookie in Ihrer Domain aufgezeichnet, damit die Dead-Loop-UX vermieden wird.

Der Abmeldestatus wird im Cookie g_state Ihrer Domain gespeichert. Wenn Sie einen Dienst haben, der alle in Ihrer Domain verwendeten Cookies überwacht, müssen Sie diese über dieses Cookie informieren.

Wenn Sie die Clientbibliothek nicht auf Ihren Seiten nach der Anmeldung laden möchten, können Sie einige einfache Lösungen verwenden, um die Dead-Loop-UX beim Abmelden zu verhindern.

  • Beim Abmelden wirst du auf eine Seite weitergeleitet, auf der One Tap nicht angezeigt wird oder auf der die automatische Anmeldung immer deaktiviert ist. Dies kann beispielsweise https://example.com/logged_out sein.
  • Fügen Sie der URL nach dem Abmelden einen Parameter hinzu. Beispiel: logged_out=1. Prüfe beim Rendern der One Tap by JavaScript API diesen URL-Parameter und deaktiviere gegebenenfalls die automatische Anmeldung.