Insérez l'extrait de code suivant sur toutes les pages sur lesquelles vous souhaitez afficher Google One Tap:
<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>
L'attribut data-login_uri
est l'URI du point de terminaison de connexion de votre propre application Web. Vous pouvez ajouter des attributs de données personnalisés, qui sont envoyés à votre point de terminaison de connexion avec le jeton d'ID récupéré de Google.
Pour obtenir la liste complète des attributs de données, consultez la page de référence sur g_id_onload
.
Ne pas couvrir Google One Tap
Cette section ne s'applique que lorsque FedCM est désactivé. Lorsque FedCM est activé, le navigateur affiche les invites utilisateur en haut du contenu de la page.
Pour que les utilisateurs finaux voient toutes les informations affichées, Google One Tap ne doit être couvert par aucun autre contenu. Sinon, des fenêtres pop-up peuvent se déclencher dans certains cas.
Vérifiez votre mise en page et les propriétés z-index de vos éléments pour vous assurer que Google One Tap n'est couvert par aucun autre contenu. Le changement de flux d'expérience utilisateur peut se déclencher même lorsqu'un seul pixel des bordures est couvert.