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é auprès de Google.
Pour obtenir la liste complète des attributs de données, consultez la page de documentation de référence sur g_id_onload.
Ne pas recouvrir le bouton Google One Tap
Cette section ne s'applique que lorsque FedCM est désactivé. Lorsqu'il est activé, le navigateur affiche les invites de l'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 recouvert par un autre contenu. Sinon, des fenêtres pop-up peuvent être déclenchées dans certains cas.
Vérifiez la mise en page de votre page et les propriétés d'indice z des éléments pour vous assurer que Google One Tap n'est jamais masqué par un autre contenu. Le changement de flux UX peut être déclenché même lorsqu'un seul pixel des bordures est recouvert.