Acceso y cierre de sesión automáticos

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 de Google admite el acceso automático, que proporciona una experiencia del usuario (UX) fluida, ya que quita los pasos manuales que deben seguir los visitantes 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 del botón de Acceder con Google y de One Tap. Está diseñada para utilizarse en todo tu sitio, y el registro manual o el cambio de cuenta se producen solo después de que el usuario salió de tu sitio por primera vez.

Para que el acceso automático tenga lugar, se requieren las siguientes condiciones:

  • Los usuarios primero deben acceder a su Cuenta de Google.
  • se otorgó su consentimiento anteriormente para compartir el perfil de la cuenta con tu app
  • cuando se usó FedCM, realizaste un solo intento de acceso en los últimos 10 minutos. One Tap se muestra cuando se producen intentos de acceso reiterados durante esta ventana.
  • cuando usan 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 en tu sitio existente que usa One Tap. En la actualización de Chrome M121, la mejora del acceso automático mitiga la disminución del porcentaje de conversiones.

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 los visitantes se muestra automáticamente sin interacción del usuario. Si no se cumplen estas condiciones, incluso si el acceso automático está habilitado en la página, el usuario usará 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 dar su consentimiento.

Puedes medir la tasa de éxito del 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, puede ser dirigido a una página en la que se muestre automáticamente un mensaje de Google One Tap. En esta configuración, se debe prohibir la selección automática. De lo contrario, el usuario vuelve a acceder automáticamente, lo que genera una UX de bucle muerto.

Usa FedCM

Para mejorar la experiencia del usuario, hay un período de inactividad de 10 minutos entre cada intento de acceso automático. Durante este período, se muestra One Tap.

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 de salida. Observa el siguiente fragmento de código:

<div class="g_id_signout">Sign Out</div>

El siguiente fragmento de código 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 salida se registra a través de una cookie en tu dominio para evitar la UX de bucle muerto.

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 notificarlas sobre 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 que se cierre la sesión:

  • 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 e inhabilita el acceso automático cuando esté presente.

Recorridos clave de los usuarios

La página de acceso automático.

Usa FedCM

Ventana emergente de acceso automático de FedCM.

Si los usuarios no hacen clic en la X para cancelar en 5 segundos, se compartirá un token de ID con tu sitio web.

Sin FedCM

Ventana emergente de acceso automático.

Si los usuarios no hacen clic en el botón Cancelar en 5 segundos, se compartirá 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

    Usa FedCM

    Página del selector de cuentas de FedCM

    Sin FedCM

    Página del selector de cuentas
  • Sesiones únicas de Google

    Usa FedCM

    Página del usuario recurrente de One Tap de FedCM

    Sin FedCM

    Página del usuario recurrente con One Tap