Dokumentacja interfejsu API dla średnio zaawansowanych elementów iframe

Z tej strony dowiesz się, jak wczytywać pośrednie elementy iframe na stronach HTML.

Wczytywanie pośredniej biblioteki JavaScript w ramce iframe

Umieść ten fragment kodu na stronach HTML, które mają być wyświetlane w Google One Tap:

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

HTML API

Możesz wczytać pośrednie iframe, dodając element HTML z atrybutem ID o wartości g_id_intermediate_iframe. Zapoznaj się z tym przykładowym fragmentem 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_intermediate_iframe”

Pośrednie atrybuty danych iframe możesz umieścić w dowolnych widocznych lub niewidocznych elementach, takich jak <div> i <span>. Jedynym wymaganiem jest to, aby identyfikator elementu miał wartość g_id_intermediate_iframe. Nie umieszczaj tego identyfikatora w wielu elementach.

W tabeli poniżej znajdziesz atrybuty danych wraz z ich opisami:

data-src

Ten atrybut to identyfikator URI pośredniego elementu iframe usługi One Tap. Więcej informacji znajdziesz w tabeli poniżej:

data-done

Ten atrybut to metoda wywołania zwrotnego JavaScriptu, która jest wywoływana po zakończeniu interfejsu użytkownika obsługiwanego jednym kliknięciem.

Domyślnie po zakończeniu interfejsu użytkownika One Tap strona treści jest ponownie wczytywana. Możesz zastąpić domyślne działanie, podając własny wywoływany po zakończeniu callback. Więcej informacji znajdziesz w tabeli poniżej:

JavaScript API

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

Metoda: google.accounts.id.initializeIntermediate

Metoda google.accounts.id.initializeIntermediate wczytuje pośredni iframe na podstawie obiektu konfiguracji. Poniżej znajdziesz przykład kodu metody:

google.accounts.id.initializeIntermediate(IntermediateConfig)

W tym przykładzie kodu metoda google.accounts.id.initializeIntermediate jest implementowana za pomocą funkcji onload:

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

Typ danych: IntermediateConfig

Poniższa tabela zawiera listę pól z ich opisami:

src

To pole to identyfikator URI pośredniego elementu iframe usługi One Tap. Więcej informacji znajdziesz w tabeli poniżej:

gotowe

To pole to metoda wywołania zwrotnego JavaScriptu, która zostanie wywołana po zakończeniu interfejsu użytkownika obsługiwanego jednym kliknięciem.

Domyślnie po zakończeniu interfejsu użytkownika One Tap strona treści jest ponownie wczytywana. Możesz zastąpić domyślne działanie, podając własny wywoływany po zakończeniu callback. Więcej informacji znajdziesz w tabeli poniżej: