Modificare la posizione del prompt One Tap

Avviso: quando One Tap esegue la migrazione per utilizzare l'API FedCM, il browser controlla le dimensioni e la posizione della richiesta One Tap. Le posizioni personalizzate non sono supportate. Per la nuova integrazione One Tap, non devi personalizzare la posizione del prompt. Per l'integrazione esistente, consulta la guida alla migrazione e, se necessario, aggiorna la tua app.

Obiettivo: se il flusso di accesso predefinito non soddisfa i tuoi requisiti, puoi personalizzarlo in diversi modi. Leggi le informazioni seguenti per scoprire le opzioni di personalizzazione disponibili.

Per impostazione predefinita, la richiesta One Tap viene visualizzata nell'angolo in alto a destra delle finestre del browser web del computer. Quando viene utilizzato FedCM, il browser controlla completamente la posizione del prompt. Di conseguenza, i layout personalizzati non sono supportati.

Altrimenti, mostra One Tap all'interno di un elemento contenitore per modificare la posizione del prompt. Per farlo, specifica l'ID DOM dell'elemento contenitore nell'attributo data-prompt_parent_id.

Avviso: non nascondere i contenuti del prompt One Tap. Non coprire la percezione che i contenuti del prompt One Tap provengano da un iframe di Google. In caso contrario, il progetto potrebbe causare la sospensione dell'account, dell'account o entrambe.

Il seguente esempio di codice riutilizza l'elemento g_id_onload come elemento contenitore e mostra il prompt One Tap nella posizione specificata:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-prompt_parent_id="g_id_onload"
     style="position: absolute; top: 100px; right: 30px;
            width: 0; height: 0; z-index: 1001;">
</div>

L'attributo data-prompt_parent_id viene ignorato sui browser web mobile.