Промежуточный справочник по API Iframe

На этой справочной странице описано, как загрузить промежуточный iframe на HTML-страницы.

Загрузите промежуточную библиотеку 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 . Не размещайте этот идентификатор на нескольких элементах.

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

источник данных

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

данные готовы

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

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

JavaScript API

Вы можете загрузить промежуточный 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>

Тип данных: Промежуточнаяконфигурация

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

источник

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

сделанный

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

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