Questa pagina di riferimento descrive come caricare un iframe intermedio nelle pagine HTML.
Carica la libreria JavaScript iframe intermedio
Inserisci il seguente snippet di codice in tutte le pagine HTML che vuoi visualizzare su Google One Tocca per visualizzare:
<script src="https://accounts.google.com/gsi/intermediate"></script>
API HTML
Puoi caricare l'iframe intermedio includendo un elemento HTML con l'attributo ID
impostato su g_id_intermediate_iframe
. Vedi il seguente esempio di snippet di codice:
<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
data-src="https://example.com/onetap_iframe.html">
</div>
Elemento con ID "g_id_intermediate_iframe"
Puoi inserire gli attributi dei dati iframe intermedi in qualsiasi elemento visibile o invisibile, ad esempio <div>
e <span>
. L'unico requisito è che l'ID elemento sia impostato su g_id_intermediate_iframe
. Non inserire questo ID su più elementi.
Nella tabella seguente sono elencati gli attributi dei dati con le relative descrizioni:
Attributo | |
---|---|
data-src |
L'URI dell'iframe intermedio One Tap |
data-done |
Un metodo di callback JavaScript da attivare al termine dell'esperienza utente One Tap. |
data-src
Questo attributo è l'URI del tuo iframe intermedio One Tap. Per ulteriori informazioni, consulta la seguente tabella:
Tipo | Obbligatorio | Esempio |
---|---|---|
stringa | Sì | data-src="https://example.com/onetap_iframe.html" |
dati-completati
Questo attributo è un metodo di callback JavaScript attivato al termine dell'UX di One Tap.
Per impostazione predefinita, la pagina dei contenuti viene ricaricata al termine dell'esperienza utente One Tap. Puoi eseguire l'override del comportamento predefinito fornendo il tuo callback fatto. Per ulteriori informazioni, consulta la seguente tabella:
Tipo | Obbligatorio | Esempio |
---|---|---|
Funzione | Facoltativo | data-done="onOneTapSuccess" |
API JavaScript
Puoi caricare l'iframe intermedio richiamando un metodo JavaScript.
Metodo: google.accounts.id.InitializeIntermediate
Il metodo google.accounts.id.initializeIntermediate
carica l'iframe
intermedio in base all'oggetto di configurazione. Vedi il seguente esempio di codice del metodo:
google.accounts.id.initializeIntermediate(IntermediateConfig)
Il seguente esempio di codice implementa il metodo google.accounts.id.initializeIntermediate
con una funzione onload
:
<script>
window.onload = function () {
google.accounts.id.initializeIntermediate({
src: 'https://example.com/intermediate'
});
};
</script>
Tipo di dati: IntermediateConfig
Nella tabella seguente sono elencati i campi con le relative descrizioni:
Campo | |
---|---|
src |
L'URI dell'iframe intermedio One Tap |
done |
Un metodo di callback JavaScript da attivare quando l'UX di One Tap è uno. |
src
Questo campo è l'URI del tuo iframe intermedio One Tap. Per ulteriori informazioni, consulta la seguente tabella:
Tipo | Obbligatorio | Esempio |
---|---|---|
stringa | Sì | src: "https://example.com/onetap_iframe.html" |
fine
Questo campo è il metodo di callback JavaScript da attivare al termine dell'esperienza utente di One Tap.
Per impostazione predefinita, la pagina dei contenuti viene ricaricata al termine dell'esperienza utente One Tap. Puoi eseguire l'override del comportamento predefinito fornendo il tuo callback fatto. Per ulteriori informazioni, consulta la seguente tabella:
Tipo | Obbligatorio | Esempio |
---|---|---|
Funzione | Facoltativo | done: onOneTapSuccess |