IFrame API-Referenz für Fortgeschrittene

Auf dieser Referenzseite wird beschrieben, wie ein Zwischen-iFrame in HTML-Seiten geladen wird.

Die Zwischen-iFrame-JavaScript-Bibliothek laden

Fügen Sie das folgende Code-Snippet in alle HTML-Seiten ein, auf denen Google One-Abos durch Tippen angezeigt werden sollen:

<script src="https://accounts.google.com/gsi/intermediate"></script>

HTML-API

Sie können den Zwischen-iFrame laden, indem Sie ein HTML-Element mit dem Attribut „ID“ auf g_id_intermediate_iframe festlegen. Hier ein Beispiel-Code-Snippet:

<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
     data-src="https://example.com/onetap_iframe.html">
</div>

Element mit der ID „g_id_intermediate_iframe“

Sie können die Zwischen-iframe-Datenattribute in beliebige sichtbare oder unsichtbare Elemente einfügen, z. B. <div> und <span>. Die einzige Voraussetzung ist, dass die Element-ID auf g_id_intermediate_iframe festgelegt ist. Geben Sie diese ID nicht für mehrere Elemente an.

In der folgenden Tabelle sind die Datenattribute und die zugehörigen Beschreibungen aufgeführt:

Attribut
data-src Der URI des One-Tap-Zwischen-iFrames
data-done Eine JavaScript-Callback-Methode, die ausgelöst wird, wenn die One-Tap-UX abgeschlossen ist.

Daten-src

Dieses Attribut ist der URI des One-Tap-Zwischen-iFrames. Weitere Informationen finden Sie in der folgenden Tabelle:

Typ Erforderlich Beispiel
String Ja data-src="https://example.com/onetap_iframe.html"

data-done

Dieses Attribut ist eine JavaScript-Callback-Methode, die ausgelöst wird, wenn die One-Tap-UX abgeschlossen ist.

Standardmäßig wird die Inhaltsseite neu geladen, wenn die One-Tap-UX abgeschlossen ist. Sie können das Standardverhalten überschreiben, indem Sie einen eigenen „done“-Callback angeben. Weitere Informationen finden Sie in der folgenden Tabelle:

Typ Erforderlich Beispiel
Funktion Optional data-done="onOneTapSuccess"

JavaScript API

Sie können den Zwischen-iframe laden, indem Sie eine JavaScript-Methode aufrufen.

Methode: google.accounts.id.initializeIntermediate

Die Methode google.accounts.id.initializeIntermediate lädt den Zwischen-Iframe basierend auf dem Konfigurationsobjekt. Hier ein Codebeispiel für die Methode:

google.accounts.id.initializeIntermediate(IntermediateConfig)

Im folgenden Codebeispiel wird die Methode google.accounts.id.initializeIntermediate mit einer onload-Funktion implementiert:

<script>
  window.onload = function () {
    google.accounts.id.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

Datentyp: IntermediateConfig

In der folgenden Tabelle sind die Felder mit ihren Beschreibungen aufgeführt:

Feld
src URI des zwischengeschalteten iFrames in One Tap
done Eine JavaScript-Callback-Methode, die ausgelöst wird, wenn die UX für die One-Tap-Funktion aktiviert ist.

src

Dieses Feld ist der URI des One Tap-Zwischen-iFrames. Weitere Informationen finden Sie in der folgenden Tabelle:

Typ Erforderlich Beispiel
String Ja src: "https://example.com/onetap_iframe.html"

Fertig

Dieses Feld ist die JavaScript-Callback-Methode, die ausgelöst wird, wenn die One-Tap-UX abgeschlossen ist.

Standardmäßig wird die Inhaltsseite neu geladen, wenn die One-Tap-UX abgeschlossen ist. Sie können das Standardverhalten überschreiben, indem Sie einen eigenen „done“-Callback angeben. Weitere Informationen finden Sie in der folgenden Tabelle:

Typ Erforderlich Beispiel
Funktion Optional done: onOneTapSuccess