プロンプトの UI ステータスに関する通知を受信します

ユーザーのログインや登録を容易にするために、複数の ID プロバイダと通信して、利用可能な認証情報を確認できます。次の ID プロバイダを呼び出すために、プロンプトの UI ステータスを確認することもできます。

プロンプト UI のステータスを随時通知するには、コールバック関数名を data-moment_callback 属性に設定します。JavaScript API を使用している場合は、関数を prompt() メソッドに設定します。

通知は次のタイミングで送信されます。

  • 表示モメント: prompt() メソッドが呼び出された後に発生します。通知には、UI が表示されるかどうかを示すブール値が含まれています。

  • スキップされた瞬間: 自動キャンセルまたは手動キャンセルによってワンタップ プロンプトが閉じられた場合、または Google が認証情報を発行できなかった場合(選択したセッションで Google からログアウトした場合など)に発生します。

    この場合は、次の ID プロバイダ(存在する場合)に進むことをおすすめします。

  • 閉じたモーメント: Google が認証情報を正常に取得した場合、またはユーザーが認証情報の取得フローを停止した場合に発生します。たとえば、ユーザーがログイン ダイアログにユーザー名とパスワードの入力を開始したときに、google.accounts.id.cancel() メソッドを呼び出してワンタップ プロンプトを閉じ、閉じたモーメントをトリガーできます。

次のコード例は、スキップされた瞬間を実装しています。

<script>
 
function continueWithNextIdp(notification) {
     
if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
         
// try Next provider if One Tap is not displayed or skipped
     
}
 
}
</script>
...
<div id="g_id_onload"
     data-client_id="
YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="
https://your.domain/your_login_endpoint"
     data-moment_callback="continueWithNextIdp"
</div>