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 correspond à l'URI du point de terminaison de connexion de votre 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é par Google.
Pour obtenir la liste complète des attributs de données, consultez la documentation de référence sur g_id_onload.
Google One Tap ne couvre pas
Pour que toutes les informations affichées soient visibles par les utilisateurs finaux, Google One Tap ne doit pas être caché par un autre contenu. Sinon, des fenêtres pop-up peuvent être déclenchées dans certains cas.
Veuillez vérifier la mise en page et les éléments de votre propriété z-index, pour vous assurer que le Google One Tap ne comporte aucun autre contenu à tout moment. Le changement de flux d'expérience utilisateur peut être déclenché même si un seul pixel dans les bordures est recouvert.