[Google でログイン] ボタンの UX

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

このページでは、[Google でログイン] ボタンのユーザー エクスペリエンス（UX）について説明します。

ボタンの表示

パーソナライズされたボタンには、ウェブサイトを承認した最初の Google セッションのプロフィール情報が表示されます。承認済みの Google セッションには、ウェブサイト上に、以前に「Google でログイン」を使用してログインしたアカウントが対応しています。

パーソナライズされたボタンが表示されると、ユーザーは次のことを認識します。

• 有効な Google セッションが 1 つ以上ある。
• ウェブサイトに該当するアカウントがあること。

パーソナライズされたボタンを使用すると、ユーザーはボタンをクリックする前に、Google 側とウェブサイトの両方でセッションのステータスを簡単に確認できます。これは、ウェブサイトにたまにしかアクセスしないエンドユーザーにとって特に便利です。アカウントが作成されているかどうか、作成方法を忘れている可能性があります。カスタマイズされたボタンには、以前に「Google でログイン」が使用されたことを示すメッセージが表示されます。これにより、ウェブサイトで不要な重複アカウントが作成されるのを防ぐことができます。

セッション ステータスを示すために、パーソナライズされたボタンは次の方法で表示されます。

• 1 つのセッション: Google 側のセッションは 1 つのみです。そのセッションでクライアントが承認され、ウェブサイトに対応するアカウントが存在します。

  

• 複数のセッション: Google 側に複数のセッションがあります。これらのセッションはクライアントを承認します。承認は、表示されたアカウントの横にあるリスト矢印で示されます。少なくとも 1 つのセッションに、ウェブサイト上の対応するアカウントが存在する。

  

• セッションなし: Google 側にセッションがないか、どのセッションもクライアントを承認していません。

  

セッション ステータスが適切であれば、ボタンの設定でパーソナライズされたボタンを表示できない場合を除き、パーソナライズされたボタンが自動的に表示されます。以下の場合は、パーソナライズ ボタンは表示されません。

• data-type 属性は icon です。
• data-size 属性が medium または small に設定されている。
• data-width 属性は 200 px 未満の数値に設定されています。
• サードパーティ Cookie がブロックされており、ボタンの FedCM バージョンが有効になっていません。

名前またはメールアドレスが長すぎてボタン内に表示できない場合は、省略記号が表示されます。

Federated Credential Manager（FedCM）

ウェブ向けプライバシー サンドボックスでは、Google Identity Services とユーザーのログインに大幅な変更が導入されます。これは、カスタマイズされた [Google でログイン] ボタンに影響します。ボタンを使用してもログイン フローは影響を受けませんが、サードパーティ Cookie がブロックされている場合、リピーターにはパーソナライズされたボタンは表示されません。

Federated Credentials Management API（FedCM）ボタンフローを使用すると、ユーザーはサイトにパーソナライズされた「Google でログイン」ボタンを表示できます。デフォルトでは FedCM は無効になっていますが、1 つの属性（HTML/JavaScript）を変更することで有効にできます。FedCM ボタンのメリットは次のとおりです。

• リピーターのエクスペリエンスの改善: ユーザーは既存のアカウントを認識できるため、リピーターのログイン プロセスが簡素化されました。この認識の向上は、クリック率（CTR）の向上につながることが実証されています。さらに、FedCM が有効になっていないボタンフローとは異なり、FedCM ボタンフローでは自動選択機能がサポートされています。Google セッションがアクティブなリピーターは、ボタンをクリックすると自動的にログインされ、アカウント選択プロンプトをスキップできます。

• 機能の統合の強化: ワンタップと自動ログイン機能を統合し、単一の信頼できるパーティ（RP）の Google 機能ですべての連携認証情報管理（FedCM）ログインを可能にしました。FedCM ボタンフローでのユーザー操作は Chrome によって記録され、ワンタップ自動ログイン フローの 1 回限りの再確認を実行するために使用されます。これにより、すべての機能でシームレスなエクスペリエンスを実現できます。

主なユーザー ジャーニー

ユーザー ジャーニーは、次のステータスによって異なります。

• Google ウェブサイトのセッション ステータス。ユーザー ジャーニーの開始時に、次の用語が Google セッションのさまざまなステータスを表すために使用されます。

  • Has-Google-session: Google ウェブサイトでアクティブなセッションが 1 つ以上あります。
  • No-Google-session: Google ウェブサイトにアクティブなセッションはありません。

• ユーザー ジャーニーの開始時に、選択した Google アカウントがウェブサイトを承認したかどうか。以下の用語は、さまざまな承認ステータスを表すために使用されます。

  • 新規ユーザー: 選択したアカウントでウェブサイトが承認されていません。
  • リピーター: 選択したアカウントが以前にウェブサイトを承認している。

Has-Google-session 新規ユーザー ジャーニー

Google セッションありのリピーター ジャーニー

自動選択の「再訪ユーザー」ジャーニーで Has-Google-session

Google セッションなしの新規ユーザー ジャーニー

Google セッションなしのリピーター ジャーニー

ファミリー リンク アカウント キーのユーザー ジャーニー

前のセクションの一般的なキーユーザーのジャーニーは引き続き適用されます。以下は、ログイン時にお子様の Google アカウントに表示される追加のフローを示しています。

FedCM ボタンフローに関する追加情報

• ウェブアプリがクロスオリジン iframe から Button API を呼び出す場合は、親フレームに allow="identity-credentials-get" 属性を追加します。詳しくは、ステップ 7 をご覧ください。

• サイトのコンテンツ セキュリティ ポリシー（CSP）を適切に設定します。詳しくは、ステップ 8 をご覧ください。

• Chrome のクールダウン ステータスとサードパーティのログイン設定は、FedCM ボタンフローに影響しません。ステータス（次のスクリーンショットに示す）は、ワンタップ UX にのみ影響します。