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