警告: このデータは Google ユーザーデータに関するポリシーに基づいて提供されています。ポリシーを確認して遵守してください。実際の広告でテストすると、プロジェクトまたはアカウントが停止される場合があります。

自動ログインとログアウト

このページでは、ユーザーが Google One Tap を使用してログインまたはログアウトする方法に関連する機能を実装する方法について説明します。

ユーザーを自動的にログインさせる

Google One Tap は自動ログインに対応しているため、ユーザーがサイトに戻ったときに手動で行う手順を踏まなくても、スムーズなユーザー エクスペリエンス(UX)を実現できます。 ユーザーは、前回のアクセス時にどの Google アカウントを選択したか覚えておく必要がなくなるため、プラットフォームに不要な重複アカウントが作成される可能性が低くなります。

自動ログインは、「Google でログイン」ボタンとワンタップ ダイアログを補完することを目的としています。サイト全体で機能するように設計されています。手動での申し込みやアカウントの切り替えは、ユーザーがサイトを最初にログアウトした後にのみ行います。

自動ログインを使用するには、次の条件が必要です。

  • ユーザーはまず Google アカウントにログインし、
  • アカウント プロフィールをアプリと共有することに以前に同意している。

ページで自動ログインが有効になっていて、これらの条件が満たされている場合、ユーザーの操作なしで訪問者 ID トークンの認証情報が自動的に返されます。これらの条件が満たされない場合、ページで自動ログインが有効になっていても、ユーザーはログインまたは同意の際にデフォルトでワンタップのフローを使用するようになります。ユーザーが複数の Google アカウントを持っていて、サイトにアクセスする場合、ユーザーはまず 1 つの Google アカウントにログインし、そのアカウントに対する同意を提供する必要があります。

自動ログイン成功率は、返された認証情報オブジェクトの select_by フィールドの auto 値を使用して測定できます。

自動ログインを有効にするには、次のスニペットに示すように、data-auto_select="true" をコードに追加します。

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-auto_select="true"
     data-login_uri="https://your.domain/your_login_endpoint">
</div>

ログアウト

ユーザーがウェブサイトからログアウトすると、Google One Tap プロンプトが自動的に表示されるページに誘導されます。この設定では、自動選択を禁止する必要があります。そうでない場合は、ユーザーは自動的に再ログインし、デッドループ UX が発生します。

ユーザーがログアウトした後に自動選択を禁止するには、すべてのログアウト リンクとボタンにクラス名 g_id_signout を追加します。以下のコード スニペットをご覧ください。

<div class="g_id_signout">Sign Out</div>

次の JavaScript コード スニペットをログアウトに使用することもできます。

  const button = document.getElementById(‘signout_button’);
    button.onclick = () => {
      google.accounts.id.disableAutoSelect();
    }

その結果、ドメイン内の Cookie を介してログアウト ステータスが記録され、デッドループ UX が回避されます。

ログアウト ステータスは、ドメインの g_state Cookie に保存されます。ドメインで使用されているすべての Cookie をモニタリングするサービスがある場合は、それらの Cookie をサービスに通知する必要があります。