Auf dieser Referenzseite wird die Intermediate iframe Support JavaScript API beschrieben, die von One Tap verwendet wird, um das Zwischen-Iframe in der nachfolgenden Benutzeroberfläche zu bearbeiten.
Informationen zur Verwendung von Zwischen-iFrames finden Sie im Leitfaden One Tap mit einem iFrame einbinden.
In der folgenden Tabelle sind alle verfügbaren Methoden und ihr Verhalten aufgeführt.
| Methoden | |
|---|---|
| 
        verifyParentOrigin | führt die Überprüfung des übergeordneten Ursprungs durch | 
| 
        notifyParentClose | Benachrichtigt den übergeordneten Frame, dass der One Tap-UX-Ablauf übersprungen wird. | 
| 
        notifyParentDone | benachrichtigt den übergeordneten Frame, dass der One Tap-UX-Ablauf abgeschlossen ist. | 
| 
        notifyParentResize | benachrichtigt den übergeordneten Frame, die Größe des Zwischen-iFrames anzupassen. | 
| 
        notifyParentTapOutsideMode | informiert den übergeordneten Frame darüber, ob der Zwischen-iFrame abgebrochen werden soll, wenn der Nutzer außerhalb des Zwischen-iFrames klickt. | 
JavaScript-Bibliothek zur Unterstützung von Zwischen-iFrames laden
Fügen Sie das folgende Code-Snippet in alle HTML-Seiten ein, auf denen der Zwischen-iFrame geladen werden soll:
<script src="https://accounts.google.com/gsi/intermediatesupport"></script>
Methode: google.accounts.id.intermediate.verifyParentOrigin
Die Methode google.accounts.id.intermediate.verifyParentOrigin führt die Überprüfung des übergeordneten Ursprungs durch. Hier ein Codebeispiel für die Methode:
google.accounts.id.intermediate.verifyParentOrigin(
    origins, verifiedCallback, verificationFailedCallback)
Das folgende Codebeispiel zeigt, wie die Benutzeroberfläche erst nach der Bestätigung des übergeordneten Ursprungs angezeigt wird:
<script>
  window.onload = () => {
    google.accounts.id.intermediate.verifyParentOrigin(
        "https://example.com", showUI, showError);
  };
</script>
In der folgenden Tabelle sind die Parameter aufgeführt:
| Parameter | |
|---|---|
| 
        origins | Die Ursprünge, die den Zwischen-iFrame einbetten dürfen. | 
| 
        verifiedCallback | Die JavaScript-Callback-Methode, die ausgelöst wird, wenn der aktuelle übergeordnete Ursprung das Einbetten des Zwischen-iFrames zulassen darf. | 
| 
        verificationFailedCallback | Die JavaScript-Callback-Methode, die ausgelöst wird, wenn der aktuelle übergeordnete Ursprung den Zwischen-iFrame nicht einbetten darf. | 
Ursprünge
Die Ursprünge, die den Zwischen-iFrame einbetten dürfen. Weitere Informationen finden Sie in der folgenden Tabelle:
| Typ | Erforderlich | Beispiel | 
|---|---|---|
| String, String-Array oder Funktion | Optional | allowed_parent_origin: "https://example.com" | 
In der folgenden Tabelle sind die unterstützten Werttypen und ihre Beschreibungen aufgeführt.
| Werttypen | ||
|---|---|---|
| string | Ein einzelner Domain-URI. | „https://beispiel.de“ | 
| string array | Ein Array von Domain-URIs. | "https://news.example.com,https://local.example.com" | 
verifiedCallback
Dieses Feld ist eine JavaScript-Callback-Methode, die ausgelöst wird, wenn der aktuelle übergeordnete Ursprung das Zwischen-iFrame einbetten darf.
verificationFailedCallback
Dieses Feld ist eine JavaScript-Callback-Methode, die ausgelöst wird, wenn die Einbettung des Zwischen-iFrames durch den aktuellen übergeordneten Ursprung nicht zulässig ist.
Methode: google.accounts.id.intermediate.notifyParentClose
Die Methode google.accounts.id.intermediate.notifyParentClose benachrichtigt den übergeordneten Frame, das Zwischen-iFrame zu schließen, wenn der One Tap-Ablauf übersprungen wird. Hier ein Codebeispiel für die Methode:
google.accounts.id.intermediate.notifyParentClose()
Methode: google.accounts.id.intermediate.notifyParentDone
Die Methode google.accounts.id.intermediate.notifyParentClose benachrichtigt den übergeordneten Frame, das Zwischen-iFrame zu schließen und den Anmeldestatus zu aktualisieren. Hier ein Codebeispiel für die Methode:
google.accounts.id.intermediate.notifyParentDone()
Methode: google.accounts.id.intermediate.notifyParentResize
Die Methode google.accounts.id.intermediate.notifyParentResize benachrichtigt den übergeordneten Frame, die Größe des Zwischen-iFrames zu ändern. Hier ein Codebeispiel für die Methode:
google.accounts.id.intermediate.notifyParentResize(height)
Höhe
Die neue Höhe in Pixeln. Dieses Feld ist erforderlich. Der Wert muss eine nicht negative Zahl sein.
Wenn der Parameter „height“ größer als 0 ist, wird das Zwischen-iFrame auf die neue Höhe festgelegt. Wenn der Höhenparameter 0 ist, wird der Zwischen-iFrame unsichtbar. Ein ausgeblendetes iFrame ist nicht geschlossen. Sie kann später durch einen anderen Aufruf der Methode „resize“ angezeigt werden.
Methode: google.accounts.id.intermediate.notifyParentTapOutsideMode
Mit der Methode google.accounts.id.intermediate.notifyParentTapOutsideMode wird dem übergeordneten Frame mitgeteilt, ob der Zwischen-iFrame abgebrochen werden soll, wenn der Nutzer außerhalb des Zwischen-iFrames klickt. Hier ein Codebeispiel für die Methode:
google.accounts.id.intermediate.notifyParentTapOutsideMode(cancel)
Abbrechen
Dieser erforderliche boolesche Wert gibt an, ob das Zwischen-Iframe abgebrochen werden soll, wenn der Nutzer außerhalb des Zwischen-Iframes klickt.