Google One Tap anzeigen

Füge das folgende Code-Snippet auf allen Seiten ein, auf denen Google One Tap angezeigt werden soll:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

Das Attribut data-login_uri ist der URI des Anmeldeendpunkts Ihrer eigenen Webanwendung. Sie können benutzerdefinierte Datenattribute hinzufügen, die mit dem von Google abgerufenen ID-Token an Ihren Anmeldeendpunkt gesendet werden.

Die vollständige Liste der Datenattribute finden Sie auf der Referenzseite zu g_id_onload.

Google One Tap nicht abdecken

Dieser Abschnitt gilt nur, wenn FedCM deaktiviert ist. Wenn FedCM aktiviert ist, werden im Browser Nutzeraufforderungen über dem Seiteninhalt angezeigt.

Damit Endnutzer alle angezeigten Informationen sehen können, darf Google One Tap nicht durch andere Inhalte verdeckt werden. Andernfalls werden in einigen Fällen Pop-up-Fenster ausgelöst.

Überprüfe noch einmal das Seitenlayout und die Z-Index-Eigenschaften der Elemente, damit Google One Tap nicht durch andere Inhalte verdeckt wird. Die Änderung des UX-Flows kann selbst dann ausgelöst werden, wenn nur ein einzelnes Pixel im Rahmen abgedeckt ist.