Справочник API промежуточного iframe

На этой справочной странице описывается API Intermediate iframe, используемый для встраивания подсказки One Tap в веб-страницы с помощью iframe.

Дополнительную информацию о работе с промежуточными фреймами см. в разделе Интеграция One Tap с использованием iframe .

Загрузите промежуточную библиотеку JavaScript Iframe

Вставьте следующий фрагмент кода на любые HTML-страницы, которые вы хотите отобразить с помощью Google One Tap:

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

HTML API

Вы можете загрузить промежуточный iframe, добавив HTML-элемент с атрибутом ID, установленным на g_id_intermediate_iframe . См. следующий пример кода:

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

Элемент с идентификатором "g_id_intermediate_iframe"

Промежуточные атрибуты данных iframe можно добавлять в любые видимые или невидимые элементы, например, <div> и <span> . Единственное требование — идентификатор элемента должен быть установлен как g_id_intermediate_iframe . Не добавляйте этот идентификатор к нескольким элементам.

В следующей таблице перечислены атрибуты данных с их описаниями:

data-src

Этот атрибут — URI вашего промежуточного iframe One Tap. Дополнительную информацию см. в таблице ниже:

данные сделаны

Этот атрибут представляет собой метод обратного вызова JavaScript, который активируется после завершения работы One Tap UX.

По умолчанию страница контента перезагружается после завершения работы One Tap UX. Вы можете переопределить поведение по умолчанию, указав собственный обратный вызов. Дополнительную информацию см. в таблице ниже:

API JavaScript

Вы можете загрузить промежуточный iframe, вызвав метод JavaScript.

Метод: google.accounts.id.initializeIntermediate

Метод google.accounts.id.initializeIntermediate загружает промежуточный iframe на основе объекта конфигурации. См. следующий пример кода метода:

google.accounts.id.initializeIntermediate(IntermediateConfig)

В следующем примере кода реализуется метод google.accounts.id.initializeIntermediate с функцией onload :

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

Тип данных: IntermediateConfig

В следующей таблице перечислены поля с их описаниями:

источник

Это поле — URI вашего промежуточного iframe One Tap. Дополнительную информацию см. в таблице ниже:

сделанный

Это поле представляет собой метод обратного вызова JavaScript, который будет запущен после завершения работы One Tap UX.

По умолчанию страница контента перезагружается после завершения работы One Tap UX. Вы можете переопределить поведение по умолчанию, указав собственный обратный вызов. Дополнительную информацию см. в таблице ниже: