„Über Google anmelden“-Funktionen

Im Folgenden sind die wichtigsten Funktionen von „Über Google anmelden“ aufgeführt. Mit dem Codegenerator können Sie Code generieren, um One Tap, die automatische Anmeldung und die Schaltfläche „Über Google anmelden“ auf Ihren Webseiten einzubetten.

Nutzer können die Anmeldung durch Drittanbieter in Browsern, die FedCM unterstützen, global deaktivieren. Wenn Nutzer widersprechen, sind One Tap und die automatische Anmeldung nicht verfügbar und werden nicht angezeigt.

One Tap

Wenn Nutzer Ihre Website besuchen und eine aktive Google-Sitzung im Browser stattfindet, werden sie von „Über Google anmelden“ möglicherweise aufgefordert, sich mit ihrem Google-Konto auf Ihrer Website anzumelden oder zu registrieren. Nutzer können die föderierte Anmeldung oder Registrierung mit nur einem Tippen (bei einem einzelnen Google-Sitzungsfall) oder zweimal (bei mehreren Google-Sitzungen) abschließen. One Tap UX ermöglicht reibungslose Einstiegspunkte für Nutzer, da alle UX-Abläufe in einem iFrame ausgeführt werden, der in Ihre Webseiten eingebettet ist.

One Tap-Pop-up, in dem sowohl die Einwilligung als auch die Anmeldung des Nutzers angefordert werden

Nutzer können One Tap global deaktivieren. In diesem Fall wird im Google-Konto One Tap nicht angezeigt. Wenn alle aktiven Google-Konten deaktiviert sind, wird die One Tap-Benutzeroberfläche nicht angezeigt.

Es wird empfohlen, One Tap sowohl auf dem Hauptdialogfeld für die Anmeldung als auch auf Blattseiten einzusetzen. Entwickler bevorzugen One Tap aus vielen Gründen:

  • höhere Conversion-Raten bei den Nutzern. In unseren Fallstudien erfahren Sie mehr darüber, wie einige unserer Partner One Tap erfolgreich verwendet haben, um ihre Registrierungs- und Anmeldeerfahrungen zu verbessern.
  • ermöglicht die Anmeldung und Registrierung, ohne Nutzer zu einer speziellen Anmelde- und Registrierungsseite weiterzuleiten.
  • Nutzer können sich direkt auf Ihrer Website anmelden und registrieren, ohne den aktuellen Kaufprozess verlassen zu müssen.
  • Das Risiko doppelter Konten lässt sich durch personalisierte Aufforderungen und die automatische Anmeldung bei Folgebesuchen minimieren.

Automatische Anmeldung

Mit One Tap können Sie auch die stornierbare automatische Anmeldung aktivieren, was eine optimierte Nutzererfahrung für wiederkehrende Nutzer ermöglicht. Es ist keine Nutzergeste erforderlich, damit sich wiederkehrende Nutzer automatisch bei Ihrer Website anmelden können. Die automatische Anmeldung wird ausgelöst, wenn nur ein aktives Google-Konto zuvor die Einwilligung zur Freigabe seines Kontoprofils für Ihre Anwendung erteilt hat.

Nutzer haben die Möglichkeit, die automatische Anmeldung für kurze Zeit abzubrechen, sodass sie mehr Kontrolle und Transparenz haben. Wenn Nutzer die automatische Anmeldung abbrechen, merkt sich „Über Google anmelden“ die Entscheidung einen Tag lang, bevor die automatische Anmeldung wieder aktiviert wird. Mit der Funktion zum Abbrechen haben Nutzer mehr Kontrolle über den automatischen Anmeldevorgang.

Wenn FedCM aktiviert ist, gibt es zwischen automatischen Anmeldeereignissen eine Wartezeit von 10 Minuten. Wenn die automatische Anmeldung während dieser Zeit ausgelöst wird, folgen die Nutzer dem Anmeldevorgang über One Tap anstatt des automatischen Anmeldevorgangs.

Die automatische Anmeldung wird von „Über Google für das Web anmelden“ nicht unterstützt. In diesem Fall werden Anmeldedaten ohne Anzeige der Benutzeroberfläche zurückgegeben. Endnutzer sehen immer eine UI, eine manuelle oder automatische Anmeldung, wenn Anmeldedaten von Google an die vertrauende Partei zurückgegeben werden. Dies verbessert den Datenschutz und die Kontrollmöglichkeiten für Nutzer.

Pop-up für automatische Anmeldung

Ob die automatische Anmeldung aktiviert werden soll, hängt von der UX Ihrer Website ab.

Schaltfläche „Über Google anmelden“

Im Gegensatz zu One Tap muss der Vorgang für die Schaltfläche „Über Google anmelden“ durch eine Nutzergeste ausgelöst werden. „Über Google anmelden“ stellt zu diesem Zweck nur die API zum Rendern einer Schaltfläche bereit, nicht aber die API zum programmatischen Initiieren des Schaltflächenvorgangs. Als Entwickler musst du nur die Schaltfläche „Über Google anmelden“ auf deinen Webseiten rendern. Die Bibliothek legt transparent fest, wann der UX-Flow ausgelöst werden soll.

Nicht personalisierte Anmeldeschaltfläche

Anders ausgedrückt: Die Schaltfläche „Über Google anmelden“ muss jetzt von der JavaScript-Bibliothek von Google Identity Services generiert werden. Mit der Schaltflächen-Rendering-API kannst du Farbe, Form, Text und Größe so anpassen, dass die Branding-Anforderungen deiner Website erfüllt werden, ohne dabei die Richtlinien von Google einzuhalten. Durch einheitliche Schaltflächen auf allen Websites können Nutzer diese Schaltflächen schnell erkennen, als vertrauenswürdig einstufen und verwenden.

Nutzerprofilinformationen können auch zum Rendern der Schaltfläche verwendet werden. Eine personalisierte Schaltfläche wird nur dann angezeigt, wenn mindestens eine aktive Google-Sitzung vorhanden ist, über die ein Nutzer zuvor auf Ihrer Website authentifiziert wurde. Eine personalisierte Schaltfläche erinnert Endnutzer daran, dass sie die Funktion „Über Google anmelden“ schon einmal verwendet haben. So wird die unnötige Erstellung doppelter Konten auf Ihrer Website vermieden. Dies ist besonders für Endnutzer hilfreich, die Ihre Website nur gelegentlich besuchen. Möglicherweise vergessen sie, welche Anmeldemethoden sie verwendet haben.

Personalisierte Anmeldeschaltfläche

Die Schaltfläche „Über Google anmelden“ unterstützt die UX-Modi „Pop-up“ und „Weiterleitung“.

  • Sobald im Pop-up-Fenster auf die Schaltfläche „Über Google anmelden“ geklickt wird, wird oben auf der Webseite ein neues Pop-up-Fenster geöffnet. Der UX-Flow für die Schaltfläche wird in einem Pop-up-Fenster gerendert.
  • Bei der Weiterleitung erfolgt eine Weiterleitung zur ganzen Seite, nachdem auf die Schaltfläche „Über Google anmelden“ geklickt wurde. Der UX-Flow der Schaltfläche wird im selben Fenster gerendert. Nutzer können Ihre Webseite jedoch nicht mehr sehen, wenn die Schaltfläche „UX“ angezeigt wird.

Die Einwilligung des Nutzers zur Weitergabe eines ID-Tokens kann widerrufen werden. „Über Google anmelden“ bietet eine API zum programmatischen Widerrufen der Nutzereinwilligung.

Im Gegensatz zur Methode revoke() in der Autorisierungs-API von Google Identity Services benötigen Sie kein Zugriffstoken, um die Nutzereinwilligung zu widerrufen. Sie müssen jedoch die E-Mail-Adresse oder Google-Nutzer-ID der Ziel-Google-Sitzung angeben. Für dieses Konto sollte im Browser eine aktive Google-Sitzung vorhanden sein.

Die Widerrufs-API hebt die Freigabe des ID-Tokens und alle anderen Autorisierungsbereiche auf, wenn sie zuvor gewährt wurden. Dies ist immer der Fall, unabhängig davon, welche Widerrufs-API Sie verwenden.

Code generator

Der Codegenerator ist ein Entwicklertool, mit dem Sie den clientseitigen Integrationscode generieren können. Mit der HTML API von „Über Google anmelden“ ist es möglich, dass du keinen JavaScript-Code für die clientseitige Integration benötigst.

Codegenerator Schritt 1: Einrichtung

Entwicklern, die die JavaScript API verwenden, empfehlen wir, ihre Schaltflächen mit dem Codegenerator interaktiv zu gestalten. Sie können auch zuerst den HTML-Code generieren und dann den Code in die entsprechenden Felder in der JavaScript API kopieren.