Accesso e disconnessione automatici

In questa pagina viene descritto come implementare funzionalità relative al modo in cui gli utenti accedono o disconnettono con Google One Tap.

Accesso automatico agli utenti

Google One Tap supporta l'accesso automatico, che fornisce un'esperienza utente senza problemi rimuovendo i passaggi manuali che i visitatori devono eseguire quando tornano sul tuo sito. Gli utenti non devono ricordare quale Account Google hanno selezionato durante l'ultima visita, il che riduce le probabilità di creare account duplicati non necessari sulla tua piattaforma.

L'accesso automatico è pensato per integrare le finestre di dialogo Accedi con Google e One Tap. È progettata per essere utilizzata in tutto il sito, con la registrazione manuale o il passaggio da un account all'altro solo dopo che l'utente si è disconnesso per la prima volta dal sito.

Affinché l'accesso automatico si verifichi, sono necessarie le seguenti condizioni:

  • gli utenti devono aver eseguito l'accesso al proprio Account Google
  • ha concesso in precedenza il consenso a condividere il profilo del proprio account con la tua app e
  • quando utilizzi FedCM, ha effettuato un solo tentativo di accesso negli ultimi 10 minuti. One Tap viene visualizzato quando si verificano ripetuti tentativi di accesso durante questa finestra.
  • quando utilizzano FedCM, Chrome richiede agli utenti di riconfermare di voler accedere al sito web con un Account Google in ogni istanza di Chrome, anche se l'utente ha approvato il sito web prima dell'implementazione di FedCM. Questa modifica potrebbe influire sul tasso di conversione sul tuo sito esistente utilizzando One Tap. Nell'aggiornamento di Chrome M121, il miglioramento dell'accesso automatico riduce il problema di calo del tasso di conversione.

Per le pagine in cui l'accesso automatico è abilitato e se queste condizioni sono soddisfatte, la credenziale del token ID visitatori viene restituita automaticamente senza alcuna interazione dell'utente. Se queste condizioni non sono soddisfatte e anche se l'accesso automatico è attivato nella pagina, l'utente utilizza per impostazione predefinita il flusso One Tap per l'accesso o il consenso. Se un utente ha più Account Google e visita il tuo sito, deve accedere innanzitutto a un unico Account Google e aver fornito il consenso per l'account in questione.

Puoi misurare la percentuale di successo dell'accesso automatico utilizzando il valore auto nel campo select_by dell'oggetto credenziali restituito.

Per attivare l'accesso automatico, aggiungi data-auto_select="true" al codice, come mostrato nel seguente snippet:

<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>

Esci

Quando un utente esce dal sito web, può essere indirizzato a una pagina in cui viene visualizzata automaticamente una richiesta di tocco di Google One. Per questa configurazione, la selezione automatica deve essere vietata. In caso contrario, l'utente accede di nuovo automaticamente, con un'UX a ciclo morto.

Utilizzo di FedCM

Per migliorare l'esperienza utente, prevede un periodo di silenzio di 10 minuti tra ogni tentativo di accesso automatico. Durante questo periodo di tempo viene visualizzato One Tap.

Senza FedCM

Per vietare la selezione automatica dopo che un utente esce dall'account, aggiungi il nome del corso g_id_signout a tutti i link e pulsanti di uscita. Vedi il seguente snippet di codice:

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

Per l'uscita puoi utilizzare anche il seguente snippet di codice JavaScript:

const button = document.getElementById('signout_button');
button.onclick = () => {
  google.accounts.id.disableAutoSelect();
}

Di conseguenza, lo stato di disconnessione viene registrato tramite un cookie nel tuo dominio, in modo da evitare l'UX in loop.

Lo stato di disconnessione viene memorizzato nel cookie g_state del tuo dominio. Se disponi di un servizio che monitora tutti i cookie utilizzati nel tuo dominio, devi informarli di questo cookie.

Se non vuoi caricare la libreria client nelle pagine successive all'accesso, utilizza queste soluzioni per evitare un'UX in loop dopo l'uscita:

  • All'uscita, reindirizza gli utenti a una pagina (ad esempio https://example.com/logged_out) in cui One Tap non è visualizzato o in cui l'accesso automatico è sempre disattivato.
  • All'uscita, aggiungi un parametro all'URL. Ad esempio, logged_out=1. Quando esegui il rendering dell'API One Tap by JavaScript, controlla il parametro URL e, se presente, disabilita l'accesso automatico.

Percorsi dell'utente chiave

La pagina di accesso automatico.

Utilizzo di FedCM

Popup di accesso automatico FedCM

Se gli utenti non fanno clic sulla X per annullare entro 5 secondi, viene condiviso un token ID con il tuo sito web.

Senza FedCM

Popup di accesso automatico.

Se gli utenti non fanno clic sul pulsante Annulla entro 5 secondi, viene condiviso un token ID con il tuo sito web.

Quando l'accesso viene annullato, in base al numero di sessioni Google attive, viene visualizzata la pagina del selettore account o la pagina dell'utente di ritorno.

  • Più sessioni Google

    Utilizzo di FedCM

    Pagina Selettore account FedCM

    Senza FedCM

    Pagina Selettore account

  • Sessioni Google singole

    Utilizzo di FedCM

    Pagina Selettore account FedCM

    Senza FedCM

    Pagina dell&#39;utente di ritorno One Tap