En esta página, se describe cómo implementar las funciones relacionadas con la manera en que los usuarios acceden o salen con Google One Tap.
Permitir que los usuarios accedan automáticamente
Google One Tap admite el acceso automático, que ofrece una experiencia del usuario (UX) sin inconvenientes, ya que quita los pasos manuales que los visitantes deben seguir cuando regresan a tu sitio. Los usuarios no necesitan recordar qué Cuenta de Google seleccionaron en su última visita, lo que disminuye las posibilidades de que se creen cuentas duplicadas innecesarias en tu plataforma.
El acceso automático está diseñado para complementar nuestros diálogos de Acceso con Google y One Tap. Está diseñada para usarse en todo tu sitio, con un registro manual o cambio de cuentas solo después de que el usuario salga de tu sitio por primera vez.
Para que se produzca el acceso automático, se deben cumplir las siguientes condiciones:
- el usuario primero debe acceder a su cuenta de Google y
- hayan dado su consentimiento para compartir su perfil de cuenta con tu app
Para las páginas en las que el acceso automático está habilitado y si se cumplen estas condiciones, la credencial del token de ID de visitante se muestra automáticamente sin ninguna interacción del usuario. Si no se cumplen estas condiciones, y aunque esté habilitado el acceso automático en la página, el usuario seleccionará de forma predeterminada el flujo de One Tap para el acceso o el consentimiento. Si un usuario tiene varias Cuentas de Google y visita tu sitio, primero debe acceder a una sola Cuenta de Google y proporcionar su consentimiento para esa cuenta.
Puedes medir la tasa de éxito del acceso automático con el valor auto
en el campo select_by del objeto de credencial mostrado.
Para habilitar el acceso automático, agrega data-auto_select="true"
a tu código, como se muestra en el siguiente fragmento:
<div id="g_id_onload" data-client_id="YOUR_GOOGLE_CLIENT_ID" data-auto_select="true" data-login_uri="https://your.domain/your_login_endpoint"> </div>
Salir de tu cuenta
Cuando un usuario sale de tu sitio web, se lo puede dirigir a una página en la que se muestra automáticamente un mensaje de Google One Tap. Para esta configuración, se debe prohibir la selección automática. De lo contrario, vuelve a acceder automáticamente, lo que lleva a una UX del ciclo de vida.
Para prohibir la selección automática después de que un usuario salga de su cuenta, agrega el nombre de clase g_id_signout
a todos tus vínculos y botones de salida. Consulta el siguiente fragmento de código:
<div class="g_id_signout">Sign Out</div>
También puedes usar el siguiente fragmento de código de JavaScript para salir:
const button = document.getElementById(‘signout_button’); button.onclick = () => { google.accounts.id.disableAutoSelect(); }
En consecuencia, el estado sin sesión se registra a través de una cookie en tu dominio para evitar la UX del ciclo de vida.
El estado de salida se almacena en la cookie g_state
de tu dominio. Si tienes un servicio que supervisa todas las cookies que se usan en tu dominio, debes notificar a estas personas sobre esta cookie.
Si no quieres cargar la biblioteca cliente en tus páginas posteriores al acceso, puedes usar algunas soluciones simples como se muestra a continuación para evitar la UX del ciclo de vida durante el momento de salir.
- Cuando salgas de tu cuenta, redirecciona a los usuarios a una página (por ejemplo,
https://example.com/logged_out
) en la que no se muestre One Tap o siempre esté inhabilitado el acceso automático. - Cuando salga, agregue un parámetro a la URL. Por ejemplo,
logged_out=1
. Cuando renderices la API de One Tap by JavaScript, verifica ese parámetro de URL y, luego, inhabilita el acceso automático cuando esté presente.
Recorridos clave de los usuarios
La página de acceso automático.
Si los usuarios no hacen clic en el botón Cancelar en un plazo de 5 segundos, se comparte un token de ID con tu sitio web.
Cuando se cancela el Acceso, según la cantidad de sesiones activas de Google, se muestra la página del selector de cuentas o la página del usuario recurrente.
Varias sesiones de Google
Sesiones únicas de Google