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 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 il pulsante One Tap di Google One
Questa sezione si applica solo quando FedCM è disattivato. Quando FedCM è attivato, il browser visualizza le richieste dell'utente nella parte superiore dei contenuti della pagina.
Per assicurarti che gli utenti finali vedano tutte le informazioni visualizzate, Google One Tap non deve essere coperto da altri contenuti. In caso contrario, in alcuni casi potrebbero essere attivate finestre popup.
Controlla attentamente il layout della pagina e le proprietà z-index degli elementi per assicurarti che Google One Tap non sia coperto da altri contenuti in nessun momento. La variazione del flusso UX può essere attivata anche quando è coperto un solo pixel nei bordi.