Отображать Google One Tap

Разместите следующий фрагмент кода на всех страницах, где вы хотите, чтобы отображался Google One Tap:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-your_own_param_1_to_login="any_value"
     data-your_own_param_2_to_login="any_value">
</div>

Атрибут data-login_uri — это URI конечной точки входа в ваше собственное веб-приложение. Вы можете добавить пользовательские атрибуты данных, которые отправляются на вашу конечную точку входа с идентификатором, полученным от Google.

Полный список атрибутов данных см. на справочной странице g_id_onload .

Не закрывайте Google One Tap

Этот раздел применяется только в том случае, если FedCM отключен. Когда FedCM включен, браузер отображает подсказки пользователя поверх содержимого страницы.

Чтобы конечные пользователи видели всю отображаемую информацию, Google One Tap не должен быть закрыт каким-либо другим контентом. В противном случае в некоторых случаях могут появиться всплывающие окна.

Дважды проверьте макет страницы и свойства z-index элементов, чтобы убедиться, что Google One Tap никогда не перекрывается каким-либо другим контентом. Изменение потока UX может быть вызвано, даже если закрыт только один пиксель в границах.