Coloca el siguiente fragmento de código en las páginas en las que 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 app web. Puedes agregar atributos de datos personalizados, que se envían a tu 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 el ícono de One Tap de Google
Esta sección solo se aplica cuando FedCM está inhabilitada. Cuando está habilitada, el navegador muestra instrucciones para el usuario sobre el contenido de la página.
Para garantizar que los usuarios finales vean toda la información que se muestra, Google One Tap no debe estar cubierto por ningún otro contenido. De lo contrario, es posible que se activen ventanas emergentes en algunos casos.
Verifica el diseño de tu página y las propiedades de índice z de los elementos 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 IU puede activarse incluso cuando se cubre un solo píxel en los bordes.