Предупреждение. Эти данные предоставляются в соответствии с политикой Google в отношении данных пользователей . Пожалуйста, ознакомьтесь с политикой и соблюдайте ее. Невыполнение этого требования может привести к приостановке проекта или учетной записи.

Справочник по API компонентов, отличных от AMP

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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

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

Атрибут
data-src URI промежуточного фрейма One Tap
data-done Метод обратного вызова JavaScript, который запускается после завершения One Tap UX.

data-src

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

Тип Обязательный Пример
нить да data-src="https://example.com/onetap_iframe.html"

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

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

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

Тип Обязательный Пример
Функция По желанию data-done="onOneTapSuccess"

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.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

Тип данных: IntermediateConfig

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

Поле
src URI промежуточного фрейма One Tap
done Метод обратного вызова JavaScript, который запускается, когда One Tap UX - один.

src

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

Тип Обязательный Пример
нить да src: "https://example.com/onetap_iframe.html"

Выполнено

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

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

Тип Обязательный Пример
Функция По желанию done: onOneTapSuccess