Coloca el siguiente fragmento de código en las páginas en las que quieras usar Google One Tap. se muestra:
<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 Web
. Puedes agregar atributos de datos personalizados, que se enviarán a tu extremo de acceso.
con el token de ID recuperado de Google.
Para obtener la lista completa de atributos de datos, consulta la página de referencia de g_id_onload.
No cubras Google One Tap
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.
Vuelve a verificar 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 flujo de UX puede activarse incluso cuando solo se cubre un píxel en los bordes.