Benutzeroberfläche der Schaltfläche „Über Google anmelden“

Auf dieser Seite wird die User Experience (UX) der Schaltfläche „Über Google anmelden“ beschrieben.

Schaltflächen-Rendering

Auf einer personalisierten Schaltfläche werden Profilinformationen für die erste Google-Sitzung angezeigt, in der Ihre Website genehmigt wird. Eine genehmigte Google-Sitzung hat ein entsprechendes Konto auf Ihrer Website, das sich zuvor mit „Über Google anmelden“ angemeldet hat.

Wenn eine personalisierte Schaltfläche angezeigt wird, weiß der Nutzer Folgendes:

• Es gibt mindestens eine aktive Google-Sitzung.
• Es gibt ein entsprechendes Konto auf Ihrer Website.

Eine personalisierte Schaltfläche gibt Nutzern sowohl auf Google-Seite als auch auf Ihrer Website einen schnellen Überblick über den Sitzungsstatus, bevor sie auf die Schaltfläche klicken. Das ist besonders hilfreich für Endnutzer, die Ihre Website nur gelegentlich besuchen. Es kann sein, dass er vergisst, ob ein Konto erstellt wurde und auf welche Weise. Eine personalisierte Schaltfläche erinnert ihn daran, dass „Über Google anmelden“ bereits verwendet wurde. So lässt sich vermeiden, dass auf Ihrer Website unnötigerweise doppelte Konten erstellt werden.

Der Sitzungsstatus wird durch die personalisierte Schaltfläche folgendermaßen angezeigt:

• Eine Sitzung:Es wird nur eine Sitzung auf der Seite von Google gezählt. In dieser Sitzung wird der Client genehmigt und es gibt ein entsprechendes Konto auf Ihrer Website.

  

• Mehrere Sitzungen:Es gibt mehrere Sitzungen auf der Seite von Google. Diese Sitzungen genehmigen den Client. Die Genehmigung wird durch den Listenpfeil neben dem angezeigten Konto angezeigt. Mindestens eine Sitzung hat ein entsprechendes Konto auf Ihrer Website.

  

• Keine Sitzung:Es gibt keine Sitzung auf Google-Seite oder keiner der Sitzungen hat den Client noch genehmigt.

  

Die personalisierte Schaltfläche wird automatisch angezeigt, wenn der Sitzungsstatus geeignet ist, es sei denn, Ihre Schaltflächeneinstellungen lassen die Anzeige der personalisierten Schaltfläche nicht zu. Die Schaltfläche „Personalisiert“ wird in folgenden Fällen nicht angezeigt:

• Das data-type-Attribut ist icon.
• Das Attribut data-size ist auf medium oder small gesetzt.
• Das data-width-Attribut ist auf eine Zahl kleiner als 200 px festgelegt.

Der Name oder die E-Mail-Adresse wird als Auslassungspunkte dargestellt, wenn er bzw. sie zu lang ist, um in der Schaltfläche angezeigt zu werden.

Wichtig: Mit dem Entwicklertool Code Generator können Sie die Schaltfläche „Über Google anmelden“ interaktiv entwerfen und den Code generieren.

Wichtige Nutzererfahrungen

Wichtig :Ob eine personalisierte Schaltfläche oder eine generische Textschaltfläche angezeigt wird, hat keine Auswirkungen auf die UX-Abläufe nach dem Klicken auf die Schaltfläche. Das auf der personalisierten Schaltfläche angezeigte Konto wird nicht automatisch ausgewählt.

Wichtig :Die Schaltfläche „Über Google anmelden“ unterstützt keine automatische Anmeldung. Um die richtige Sitzung auszuwählen, ist eine Nutzeraktion erforderlich, auch wenn nur eine aktive Google-Sitzung vorhanden ist.

Die User Journeys variieren je nach Status.

• Sitzungsstatus auf Google-Websites Mit den folgenden Begriffen werden verschiedene Google-Sitzungsstatus am Anfang der User Journey angegeben.

  • Has-Google-session: Es gibt mindestens eine aktive Sitzung auf Google-Websites.
  • Keine Google-Sitzung: Es gibt keine aktive Sitzung auf Google-Websites.

• Ob Ihre Website vom ausgewählten Google-Konto genehmigt wurde, wenn der Nutzer den Kaufprozess beginnt. Mit den folgenden Begriffen werden verschiedene Genehmigungsstatus angegeben.

  • Neuer Nutzer: Das ausgewählte Konto hat Ihre Website nicht genehmigt.
  • Wiederkehrender Nutzer: Das ausgewählte Konto hat Ihre Website bereits genehmigt.

Has-Google-session new user journey

1. Die Schaltfläche „Über Google anmelden“.

   

2. Die Seite mit der Kontoauswahl.

   

3. Die neue Seite zur Nutzereinwilligung

   

4. Nach der Bestätigung des Nutzers wird ein ID-Token an Ihre Website gesendet.

Nutzer können eine neue Google-Sitzung hinzufügen, indem sie auf die Schaltfläche Anderes Konto verwenden klicken. Weitere Informationen finden Sie unten in den User Journeys für den Fall, dass keine Google-Sitzung vorhanden ist.

Has-Google-session-Rückkehrer-User Journey

1. Die Schaltfläche „Über Google anmelden“

   

2. Die Seite mit der Kontoauswahl.

   

3. Nachdem der Nutzer ein Konto ausgewählt hat, wird ein ID-Token an Ihre Website gesendet.

Nutzer können eine neue Google-Sitzung hinzufügen, indem sie auf die Schaltfläche Anderes Konto verwenden klicken. Weitere Informationen finden Sie unten in den User Journeys für den Fall, dass keine Google-Sitzung vorhanden ist.

User Journey für neue Nutzer ohne Google-Sitzung

1. Die Schaltfläche „Über Google anmelden“

   

2. Die erste Seite, auf der eine neue Google-Sitzung hinzugefügt wird.

   

3. Die zweite Seite, auf der eine neue Google-Sitzung hinzugefügt wird.

   

4. Die neue Seite zur Nutzereinwilligung

   

5. Nach der Bestätigung des Nutzers wird ein ID-Token an Ihre Website gesendet.

User Journey für wiederkehrende Nutzer ohne Google-Sitzung

1. Die Schaltfläche „Über Google anmelden“

   

2. Die erste Seite, auf der eine neue Google-Sitzung hinzugefügt wird.

   

3. Die zweite Seite, auf der eine neue Google-Sitzung hinzugefügt wird.

   

4. Nachdem der Nutzer auf die Schaltfläche Weiter geklickt hat, wird ein ID-Token an Ihre Website gesendet.

Wichtige Nutzererfahrungen mit Family Link-Konten

Die allgemeinen wichtigen User Journeys aus dem vorherigen Abschnitt gelten weiterhin. Im Folgenden wird der zusätzliche Ablauf für das Google-Konto des Kindes bei der Anmeldung dargestellt.

Sitzung ohne Google

1. Die Schaltfläche „Über Google anmelden“.

   

2. Die erste Seite, auf der eine neue Google-Sitzung für ein Kind (E-Mail-Adresse des Google-Kontos des Kindes) hinzugefügt wird.

   

3. Die zweite Seite zum Hinzufügen einer neuen Google-Sitzung für ein Kind (Passwort für das Google-Konto des Kindes).

   

4. Die erste Seite, auf der die übergeordnete Instanz die Genehmigung zum Hinzufügen einer neuen untergeordneten Google-Sitzung erteilt.

   

5. Die zweite Seite, auf der die Elternteil-App die Genehmigung zum Hinzufügen einer neuen untergeordneten Google-Sitzung einholen muss.

   

6. Die dritte Seite, auf der die übergeordnete Instanz die Genehmigung zum Hinzufügen einer neuen untergeordneten Google-Sitzung erteilt.

   

7. Die erste Seite, auf der die Eltern die Genehmigung erteilen, ein untergeordnetes Google-Konto in der App anzumelden.

   

8. Die zweite Seite, auf der die Eltern die Zustimmung geben, dass ein Kind sich mit seinem Google-Konto in der App anmeldet.

   

9. Die dritte Seite, auf der die Eltern die Genehmigung erteilen, ein Google-Konto eines Kindes in der App anzumelden.

   

10. Die letzte Seite, auf der die Eltern die Erlaubnis erteilen müssen, dass sich ein Kind mit seinem Google-Konto in der App anmeldet.

    

11. Nachdem der Erziehungsberechtigte auf die Schaltfläche Weiter geklickt hat, wird ein ID-Token an Ihre Website weitergegeben.

Has-Google-session

1. Die Schaltfläche „Über Google anmelden“

   

2. Die Seite mit der Kontoauswahl.

   

3. Die erste Seite, auf der die Eltern die Genehmigung erteilen, ein Google-Konto eines Kindes in der App anzumelden.

   

4. Die zweite Seite, auf der die Eltern die Zustimmung geben, dass ein Kind sich mit seinem Google-Konto in der App anmeldet.

   

5. Die dritte Seite, auf der die Eltern die Genehmigung erteilen, ein Google-Konto eines Kindes in der App anzumelden.

   

6. Die letzte Seite, auf der die Eltern die Erlaubnis erteilen müssen, dass sich ein Kind mit seinem Google-Konto in der App anmeldet.

   

7. Nachdem der Erziehungsberechtigte auf die Schaltfläche Weiter geklickt hat, wird ein ID-Token an Ihre Website weitergegeben.