При желании вы можете использовать только код JavaScript, чтобы активировать подсказку One Tap или отобразить кнопку «Войти с помощью Google».
Чтобы настроить подсказку One Tap в JavaScript, сначала нужно вызвать метод initialize()
. Затем вызовите метод prompt()
, чтобы отобразить пользовательский интерфейс приглашения. См. следующий фрагмент кода:
<script> window.onload = function () { google.accounts.id.initialize({ client_id: 'YOUR_GOOGLE_CLIENT_ID', callback: handleCredentialResponse }); google.accounts.id.prompt(); } </script>
Чтобы получать подсказки о статусе пользовательского интерфейса, предоставьте функцию обратного вызова методу prompt()
. См. следующий фрагмент кода:
<script> window.onload = function () { google.accounts.id.initialize({ client_id: 'YOUR_GOOGLE_CLIENT_ID', callback: handleCredentialResponse }); google.accounts.id.prompt((notification) => { if (notification.isNotDisplayed() || notification.isSkippedMoment()) { // try next provider if OneTap is not displayed or skipped } }); } </script>
В приведенном ниже примере кода показано, как отображать кнопку One Tap и кнопку «Войти с помощью Google» в JavaScript.
<script> window.onload = function () { google.accounts.id.initialize({ client_id: 'YOUR_GOOGLE_CLIENT_ID', callback: handleCredentialResponse }); const parent = document.getElementById('google_btn'); google.accounts.id.renderButton(parent, {theme: "filled_blue"}); google.accounts.id.prompt(); } </script>