Placez l'extrait de code suivant sur les pages sur lesquelles vous souhaitez utiliser Google One Tap affiché:
<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 recouvrir le bouton Google One Tap
Cette section ne s'applique que lorsque FedCM est désactivé. Lorsque FedCM est activé, le navigateur affiche des invites à 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. Dans le cas contraire, des fenêtres pop-up peuvent s'afficher. dans certains cas.
Vérifiez la mise en page et les éléments z-index, pour vous assurer Google One Tap n'est couvert par aucun autre contenu à aucun moment. Flux UX peut se déclencher même si un seul pixel des bordures est recouvert.