„Ü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“ in Ihre Webseiten einzubetten.

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

One Tap

Wenn Nutzer Ihre Website besuchen und im Browser eine aktive Google-Sitzung vorhanden ist, werden sie möglicherweise von „Über Google anmelden“ aufgefordert, sich mit ihrem Google-Konto auf Ihrer Website anzumelden oder zu registrieren. Mit nur einem Tippen (bei einer einzelnen Google-Sitzung) oder zwei Tippen (bei mehreren Google-Sitzungen) können Nutzer die Anmeldung oder Registrierung über die verbundene Anmeldung abschließen. Die 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 wird

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

Wir empfehlen, die Funktion „One Tap“ sowohl im Haupt-Anmeldedialogfeld als auch auf Seiten ohne Navigationselemente einzubinden. Entwickler bevorzugen One Tap aus vielen Gründen:

  • die Nutzer-Conversion-Raten gestiegen sind. Weitere Informationen dazu, wie einige unserer Partner One Tap erfolgreich eingesetzt haben, um die Registrierung und Anmeldung zu verbessern, finden Sie in unseren Fallstudien.
  • ermöglicht die Anmeldung und Registrierung, ohne dass Nutzer zu einer speziellen Anmelde- und Registrierungsseite weitergeleitet werden.
  • ermöglicht es Nutzern, sich im Kontext Ihrer Website anzumelden und zu registrieren, ohne den aktuellen Navigationspfad verlassen zu müssen.
  • Mit personalisierten Aufforderungen und automatischer Anmeldung bei wiederholten Besuchen können Sie die Anzahl der doppelten Konten reduzieren.

Automatische Anmeldung

Mit One Tap können Sie auch die aufhebbare automatische Anmeldung aktivieren, was die Nutzerfreundlichkeit für wiederkehrende Nutzer optimiert. Es ist keine Nutzeraktion erforderlich, damit wiederkehrende Nutzer automatisch auf Ihrer Website angemeldet werden. Die automatische Anmeldung wird ausgelöst, wenn nur ein aktives Google-Konto vorhanden ist, das zuvor seine Einwilligung zur Freigabe seines Kontoprofils für Ihre App erteilt hat.

Nutzer können die automatische Anmeldung für einen kurzen Zeitraum pausieren, um die Kontrolle über ihre Daten zu behalten und für Transparenz zu sorgen. Wenn Nutzer die automatische Anmeldung deaktivieren, wird die Entscheidung einen Tag lang in „Über Google anmelden“ gespeichert, bevor die automatische Anmeldung wieder aktiviert wird. Mit der stornierbaren Funktion haben Nutzer mehr Kontrolle über den automatischen Anmeldevorgang.

Wenn FedCM aktiviert ist, gibt es eine Ruhezeit von 10 Minuten zwischen den automatischen Anmeldevorgänge. Wenn während dieser Zeit die automatische Anmeldung ausgelöst wird, folgen Nutzer dem Anmeldevorgang mit einmaligem Tippen anstelle des automatischen Anmeldevorgangs.

„Über Google anmelden“ für das Web unterstützt keine stille Anmeldung. In diesem Fall werden Anmeldedaten zurückgegeben, ohne dass eine Benutzeroberfläche angezeigt wird. Endnutzer sehen immer eine Benutzeroberfläche, entweder für die manuelle oder automatische Anmeldung, wenn Anmeldedaten von Google an die vertrauende Partei zurückgegeben werden. So wird der Datenschutz für Nutzer verbessert und sie erhalten mehr Kontrolle.

Aufforderung zur automatischen Anmeldung über „Über Google anmelden mit One Tap“

Ob Sie die automatische Anmeldung aktivieren, müssen Sie anhand der UX Ihrer eigenen Website entscheiden.

Schaltfläche „Über Google anmelden“

Im Gegensatz zu „Mit nur einmal tippen“ muss der Ablauf der Schaltfläche „Über Google anmelden“ durch eine Nutzergeste ausgelöst werden. Dazu stellt „Über Google anmelden“ nur die API zum Rendern einer Schaltfläche bereit, aber nicht die API, um den Ablauf der Schaltfläche programmatisch zu starten. Als Entwickler müssen Sie lediglich die Schaltfläche „Über Google anmelden“ auf Ihren Webseiten einfügen. Wann der UX-Flow der Schaltfläche ausgelöst wird, wird von der Bibliothek transparent verwaltet.

Nicht personalisierte Anmeldeschaltfläche

Mit anderen Worten: Die Schaltfläche „Über Google anmelden“ muss jetzt von der JavaScript-Bibliothek von Google Identity Services generiert werden. Mit der Button Rendering API können Sie Farbe, Form, Text und Größe anpassen, um die Brandinganforderungen Ihrer Website zu erfüllen und gleichzeitig die Richtlinien von Google einzuhalten. Wenn Schaltflächen auf allen Websites einheitlich sind, erkennen Nutzer sie schnell, vertrauen ihnen und verwenden sie.

Informationen aus dem Nutzerprofil können auch zum Rendern der Schaltfläche verwendet werden. Eine personalisierte Schaltfläche wird nur angezeigt, wenn mindestens eine aktive Google-Sitzung vorhanden ist, über die ein Nutzer bereits auf Ihrer Website authentifiziert wurde. Eine personalisierte Schaltfläche erinnert Endnutzer daran, dass sie „Über Google anmelden“ bereits verwendet haben. So lässt sich vermeiden, dass auf Ihrer Website unnötigerweise doppelte Konten erstellt werden. Das ist besonders hilfreich für Endnutzer, die Ihre Website nur gelegentlich besuchen. Sie vergessen möglicherweise die verwendeten Anmeldemethoden.

Personalisierte Anmeldeschaltfläche

Neben der personalisierten Schaltfläche unterstützt die Schaltfläche „Über Google anmelden“ Google-Konten mit Family Link und entspricht den Google Workspace-Richtlinien, die vom Administrator der Organisation festgelegt wurden.

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

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

Die Nutzereinwilligung zur Freigabe eines ID-Tokens kann widerrufen werden. „Über Google anmelden“ bietet eine API, mit der die Nutzereinwilligung programmatisch widerrufen werden kann.

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 die Google-Nutzer-ID der Ziel-Google-Sitzung angeben. Außerdem muss im Browser eine aktive Google-Sitzung für dieses Konto vorhanden sein.

Über die Widerrufs-API wird die Freigabe des ID-Tokens und aller anderen Autorisierungsbereiche widerrufen, sofern diese zuvor gewährt wurden. Das 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 für die Anmeldung über Google benötigen Sie möglicherweise keinen JavaScript-Code für die clientseitige Integration.

Codegenerator – Schritt 1: Einrichtung

Entwicklern, die die JavaScript API verwenden, wird empfohlen, den Codegenerator zu verwenden, um Schaltflächen interaktiv zu entwerfen. Sie können auch zuerst den HTML-Code generieren und ihn dann in die entsprechenden Felder in der JavaScript API kopieren.