En esta página, se describe cómo implementar funciones relacionadas con la forma en que los usuarios acceden o salen con Google One Tap.
Permite que los usuarios accedan automáticamente
Google One Tap admite el acceso automático, que proporciona una experiencia del usuario (UX) sin inconvenientes, ya que quita los pasos manuales que los usuarios deben seguir cuando regresan a tu sitio. Los usuarios no necesitan recordar qué Cuenta de Google seleccionaron durante su última visita, lo que disminuye las probabilidades de que se creen cuentas duplicadas innecesarias en tu plataforma.
El acceso automático está diseñado para complementar nuestro botón de Acceder con Google y los diálogos de One Tap. Está diseñada para usarse en todo tu sitio, y el registro manual o el cambio de cuenta solo ocurren después de que el usuario sale de tu sitio por primera vez.
Para que el acceso automático ocurra, se requieren las siguientes condiciones:
- Los usuarios primero deben acceder a su Cuenta de Google.
- a los que se otorgó su consentimiento anteriormente para compartir el perfil de su cuenta con su aplicación
- cuando usó FedCM, realizó un solo intento de acceso en los últimos 10 minutos. Se muestra One Tap cuando se producen intentos de acceso repetidos durante esta ventana.
- Cuando se usa FedCM, Chrome requiere que los usuarios vuelvan a confirmar que desean acceder al sitio web con una Cuenta de Google en cada instancia de Chrome, incluso si el usuario aprobó el sitio web antes del lanzamiento de FedCM. Este cambio puede afectar el porcentaje de conversiones de tu sitio existente con One Tap. En la actualización de Chrome M121, la mejora del acceso automático mitiga el problema de disminución en el porcentaje de conversiones.
En el caso de las páginas en las que el acceso automático está habilitado y si se cumplen estas condiciones, la credencial de token de ID del usuario se muestra automáticamente sin ninguna interacción del usuario. Si no se cumplen estas condiciones, incluso si el acceso automático está habilitado en la página, el usuario utiliza de forma predeterminada el flujo de One Tap para acceder o dar su consentimiento. Si un usuario tiene varias Cuentas de Google y visita tu sitio, primero debe acceder a una sola Cuenta de Google y haber proporcionado su consentimiento para acceder a ella.
Puedes medir la tasa de éxito de acceso automático con el valor auto en el campo select_by del objeto de credencial que se muestra.
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-login_uri="https://your.domain/your_login_endpoint"
data-auto_select="true">
</div>
Salir
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. En esta configuración, la selección automática debe estar prohibida. De lo contrario, el usuario vuelve a acceder automáticamente, lo que conduce a una UX de bucle muerto.
Usa FedCM
Para mejorar la experiencia del usuario, hay un período de silencio de 10 minutos entre cada intento de acceso automático. Durante este período, se mostrará el mensaje de One Tap. Los usuarios deben hacer clic explícitamente en One Tap para acceder.
Sin FedCM
Para prohibir la selección automática después de que un usuario sale de su cuenta, agrega el nombre de clase g_id_signout a todos tus vínculos y botones para salir. Observa el siguiente fragmento de código:
<div class="g_id_signout">Sign Out</div>
El siguiente fragmento de código de JavaScript también se puede usar para salir:
const button = document.getElementById('signout_button');
button.onclick = () => {
google.accounts.id.disableAutoSelect();
}
En consecuencia, el estado de cierre de sesión se registra a través de una cookie en tu dominio para evitar la UX de bucle muerto.
El estado de cierre de sesión 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 notificarles esta cookie.
Si no deseas cargar la biblioteca cliente en tus páginas posteriores al acceso, usa estas soluciones para evitar una UX de bucle muerto después 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 en la que el acceso automático esté siempre inhabilitado. - Cuando salgas, agrega un parámetro a la URL. Por ejemplo,
logged_out=1. Cuando renderices One Tap de la API de 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
Usa FedCM
Los usuarios pueden cerrar el mensaje de One Tap con un clic en el botón X. Para tener en cuenta la accesibilidad, se comparte un token de ID con tu sitio web, incluso si los usuarios hacen clic en el botón X.
Para mejorar la experiencia del usuario, hay un período de silencio de 10 minutos entre cada intento de acceso automático. Durante este período, se mostrará el mensaje de One Tap. Los usuarios deben hacer clic explícitamente en One Tap para acceder.
Sin FedCM
Si los usuarios no hacen clic en el botón Cancel en el plazo de 5 segundos, se compartirá un token de ID con tu sitio web.
Cuando se cancela el acceso, en función de la cantidad de sesiones de Google activas, se muestra la página del selector de cuentas o la página del usuario recurrente.
- Varias sesiones de Google
- Sesiones individuales de Google
