Dokumentacja interfejsu API dla średnio zaawansowanych elementów iframe

Na tej stronie znajdziesz informacje o sposobie wczytywania pośrednich elementów iframe na stronach HTML.

Wczytaj bibliotekę JavaScriptu elementu iframe dla średniozaawansowanych

Umieść ten fragment kodu na dowolnych stronach HTML, które chcesz wyświetlać w Google One Tap:

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

Interfejs API HTML

Aby wczytać pośredni element iframe, umieść element HTML z atrybutem identyfikatora ustawionym na g_id_intermediate_iframe. Możesz zobaczyć ten przykładowy fragment kodu:

<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 o identyfikatorze „g_id_secondary_iframe”

Atrybuty pośrednich elementów iframe możesz umieścić we wszystkich widocznych i niewidocznych elementach, np. <div> i <span>. Jedynym wymaganiem jest ustawienie identyfikatora elementu na wartość g_id_intermediate_iframe. Nie umieszczaj tego identyfikatora w wielu elementach.

Poniższa tabela zawiera listę atrybutów danych wraz z ich opisami:

Atrybut
data-src Identyfikator URI pośredniego elementu iframe One Tap
data-done Metoda wywołania zwrotnego JavaScriptu, która ma być aktywowana po zakończeniu interfejsu użytkownika One Tap.

data-src;

Ten atrybut to identyfikator URI pośredniego elementu iframe jednym dotknięciem. Więcej informacji znajdziesz w tej tabeli:

Typ Wymagany Przykład
ciąg znaków Tak data-src="https://example.com/onetap_iframe.html"

dane gotowe

Ten atrybut to metoda wywołania zwrotnego JavaScriptu wywoływana po zakończeniu UX One Tap.

Domyślnie strona treści jest wczytywana ponownie po zakończeniu 1 kliknięcia. Domyślne zachowanie możesz zastąpić, podając własne wywołanie zwrotne. Więcej informacji znajdziesz w tej tabeli:

Typ Wymagany Przykład
Funkcja Opcjonalnie data-done="onOneTapSuccess"

JavaScript API

Możesz wczytać pośredni element iframe, wywołując metodę JavaScript.

Metoda: google.accounts.id.initializeIntermediate

Metoda google.accounts.id.initializeIntermediate wczytuje pośredni element iframe na podstawie obiektu konfiguracji. Zapoznaj się z poniższym przykładowym kodem metody:

google.accounts.id.initializeIntermediate(IntermediateConfig)

Ten przykładowy kod implementuje metodę google.accounts.id.initializeIntermediate z funkcją onload:

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

Typ danych: IntermediateConfig

W tabeli poniżej znajdziesz listę pól z ich opisami:

Pole
src Identyfikator URI pośredniego elementu iframe One Tap
done Metoda wywołania zwrotnego JavaScriptu, która ma być wywoływana, gdy UX jedno dotknięcie ma wartość 1.

src

To pole zawiera identyfikator URI pośredniego elementu iframe jednym dotknięciem. Więcej informacji znajdziesz w tej tabeli:

Typ Wymagany Przykład
ciąg znaków Tak src: "https://example.com/onetap_iframe.html"

gotowe

To pole określa metodę wywołania zwrotnego JavaScriptu, która ma być wyzwalana po zakończeniu UX One Tap.

Domyślnie strona treści jest wczytywana ponownie po zakończeniu 1 kliknięcia. Domyślne zachowanie możesz zastąpić, podając własne wywołanie zwrotne. Więcej informacji znajdziesz w tej tabeli:

Typ Wymagany Przykład
Funkcja Opcjonalnie done: onOneTapSuccess