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 Attribut data-login_uri ist der URI des Anmeldeendpunktes 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 findest du auf der Referenzseite zu g_id_onload.
Google One Tap nicht abdecken
Damit Endnutzer alle angezeigten Informationen sehen, darf Google One Tap nicht von anderen Inhalten verdeckt werden. Andernfalls können Pop-up-Fenster ausgelöst werden.
Überprüfen Sie das Layout und die Elemente des Z-Index Ihrer Seite, um sicherzustellen, dass Google One Tap zu keinem Zeitpunkt von anderen Inhalten verdeckt wird. Die Änderung des UX-Ablaufs kann auch dann ausgelöst werden, wenn nur ein einzelnes Pixel im Rahmen abgedeckt ist.