È in corso la migrazione dei servizi di identità Google alle API FedCM. Segui la
guida alla migrazione per esaminare le potenziali modifiche ed evitare effetti negativi sull'accesso degli utenti al tuo sito web.
Invia feedback
Modificare la posizione del prompt One Tap
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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.
Invia feedback
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0 , mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0 . Per ulteriori dettagli, consulta le norme del sito di Google Developers . Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2024-02-28 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Mancano le informazioni di cui ho bisogno"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Troppo complicato/troppi passaggi"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsoleti"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema di traduzione"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema relativo a esempi/codice"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Altra"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile da capire"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Il problema è stato risolto"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Altra"
}]
Vuoi dirci altro?
{"lastModified": "Ultimo aggiornamento 2024-02-28 UTC."}
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-02-28 UTC."]]