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:

data-src;

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

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:

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:

src

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

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: