Mostra Google One Tap

Inserisci il seguente snippet di codice in tutte le pagine in cui vuoi visualizzare Google One Tap:

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

L'attributo data-login_uri è l'URI dell'endpoint di accesso della tua app web. Puoi aggiungere attributi dei dati personalizzati, che vengono inviati all'endpoint di accesso con il token ID recuperato da Google.

Per l'elenco completo degli attributi dei dati, consulta la pagina di riferimento g_id_onload.

Non coprire Google One Tap

Questa sezione si applica solo quando FedCM è disattivato e quando è abilitato, il browser mostra le richieste degli utenti nella parte superiore dei contenuti della pagina.

Per fare in modo che gli utenti finali vedano tutte le informazioni mostrate, Google One Tap non deve essere coperto da altri contenuti. Altrimenti, in alcuni casi possono essere attivate finestre popup.

Controlla il layout della pagina e le proprietà z-index degli elementi per assicurarti che Google One Tap non sia coperto da altri contenuti in qualsiasi momento. La modifica del flusso UX può essere attivata anche quando è coperto un solo pixel nei bordi.