Coloca el siguiente fragmento de código en cualquier página donde quieras que se muestre 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>
El atributo data-login_uri
es el URI del extremo de acceso de tu propia aplicación web. Puedes agregar atributos de datos personalizados, que se envían al extremo de acceso con el token de ID recuperado de Google.
Para obtener la lista completa de los atributos de datos, consulta la página de referencia de g_id_onload
.
No cubras Google One Tap
Para garantizar que los usuarios finales vean toda la información que se muestra, el One Tap de Google no debe estar cubierto por ningún otro contenido. De lo contrario, en algunos casos, las ventanas emergentes pueden activarse.
Vuelve a verificar el diseño de la página y los elementos del índice Z para asegurarte de que Google One Tap no esté cubierto por ningún otro contenido en ningún momento. El cambio de flujo de la UX se puede activar incluso cuando se cubre un solo píxel en los bordes.