Placez 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é auprès 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é. Lorsqu'il 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 pas être masqué par un autre contenu. Sinon, des fenêtres pop-up peuvent s'afficher 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 jamais masqué par un autre contenu. Le changement de flux de l'expérience utilisateur peut se déclencher même lorsqu'un seul pixel des bordures est recouvert.