Riferimento API iframe intermedio

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