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 della richiesta. Per l'integrazione esistente, consulta la guida alla migrazione e aggiorna la tua app se necessario.

Obiettivo: se il flusso di accesso predefinito non soddisfa i tuoi requisiti, puoi personalizzarlo in diversi modi. Leggi le seguenti informazioni per conoscere 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 per computer. Quando viene utilizzato FedCM, il browser controlla completamente la posizione della richiesta. Pertanto, i layout personalizzati non sono supportati.

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

Attenzione: non nascondere i contenuti dei prompt con un solo tocco. Non oscurare la percezione che i contenuti della richiesta One Tap provengono da un iframe di Google. In caso contrario, potrebbero verificarsi la sospensione del progetto, della sospensione dell'account o entrambe le cose.

Il seguente esempio di codice riutilizza l'elemento g_id_onload come elemento contenitore e mostra la richiesta 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 nei browser web mobile.