Google One Tap anzeigen

Fügen Sie 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 data-login_uri-Attribut 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.

Eine vollständige Liste der Datenattribute finden Sie auf der g_id_onload-Referenzseite.

Abdeckung darf Google One Tap nicht verdecken

Dieser Abschnitt gilt nur, wenn FedCM deaktiviert ist. Wenn FedCM aktiviert ist, werden im Browser Aufforderungen für Nutzer über den Seiteninhalten angezeigt.

Damit Endnutzer alle angezeigten Informationen sehen können, darf Google One Tap nicht von anderen Inhalten verdeckt werden. Andernfalls werden in einigen Fällen möglicherweise Pop-up-Fenster ausgelöst.

Prüfen Sie Ihr Seitenlayout und die Z-Index-Eigenschaften der Elemente, damit Google One Tap zu keinem Zeitpunkt von anderen Inhalten verdeckt wird. Die Änderung des UX-Flows kann auch ausgelöst werden, wenn nur ein einziges Pixel in den Rändern bedeckt ist.