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