「Google でログイン」の主な機能は次のとおりです。コード生成ツールを使用すると、ワンタップ、自動ログイン、[Google でログイン] ボタンをウェブページに埋め込むためのコードを生成できます。
ユーザーは、FedCM をサポートしているブラウザでは、サードパーティ ログインをグローバルにオプトアウトできます。ユーザーがオプトアウトすると、ワンタップと自動ログインは利用できなくなり、表示されません。
ワンタップ
ユーザーがウェブサイトにアクセスしたときに、ブラウザにアクティブな Google セッションがある場合、「Google でログイン」は、Google アカウントを使用してウェブサイトでログインまたは登録するようユーザーに促すことがあります。1 回のタップ（Google セッションが 1 つのケースの場合）または 2 回のタップ（複数の Google セッションがある場合）で、連携ログインまたは登録フローを完了できます。ワンタップ UX では、すべての UX フローがウェブページに埋め込まれた iframe で実行されるため、スムーズなユーザー エントリ ポイントが可能になります。
ユーザーは、ワンタップをグローバルにオプトアウトすることを選択できます。この場合、Google アカウントにワンタップは表示されません。有効な Google アカウントをすべてオプトアウトすると、ワンタップ UI は表示されません。
ワンタップは、メインのログイン ダイアログとリーフページの両方に実装することをおすすめします。デベロッパーがワンタップを好む理由はさまざまです。
- ユーザーのコンバージョン率が向上一部のパートナーがワンタップを使用して登録とログインのエクスペリエンスを改善した事例については、事例紹介をご覧ください。
- ユーザーをログインと登録の専用ページにリダイレクトすることなく ログインと登録を行えます
- は、ユーザーが現在のプロセスから離れることなく、ウェブサイトのコンテキストでログインと登録を行えるようにするものです。
- パーソナライズされたメッセージと再訪問時の自動ログインにより、アカウントの重複を軽減します。
自動ログイン
ワンタップでは、キャンセル可能な自動ログインを有効にすることもできます。これにより、リピーターの UX を効率化できます。リピーターがウェブサイトに自動的にログインするためのユーザー操作は必要ありません。自動ログインは、アカウント プロファイルをアプリと共有することに以前に同意した有効な Google アカウントが 1 つだけある場合にトリガーされます。
ユーザーは自動ログイン プロセスを短期間キャンセルできるため、ユーザーの制御と透明性が確保されます。ユーザーが自動ログインをキャンセルした場合、「Google でログイン」は決定を 1 日間記憶してから、自動ログインを再び有効にします。キャンセル可能な機能を使用すると、ユーザーは自動ログイン プロセスをより詳細に制御できます。
FedCM が有効になっている場合は、自動ログイン イベントの間に 10 分間のクールオフ期間があります。この間に自動ログインがトリガーされると、ユーザーは自動ログインフローではなくワンタップ ログインフローに従います。
ウェブ向け「Google でログイン」はサイレント ログインをサポートしていません。この場合、UI は表示されずに認証情報が返されます。ログイン認証情報が Google からリライング パーティに返されると、エンドユーザーには常になんらかの UI（手動ログインまたは自動ログイン）が表示されます。これにより、ユーザーのプライバシーと管理が向上します。
自動ログインを有効にするかどうかは、ウェブサイトの UX に基づいて決定する必要があります。
[Google でログイン] ボタン
ワンタップとは対照的に、「Google でログイン」ボタンのフローはユーザー操作によってトリガーされる必要があります。そのため、「Google でログイン」ではボタンを表示する API のみを提供し、ボタンフローをプログラムで開始するための API は提供していません。デベロッパーは、ウェブページに [Google でログイン] ボタンをレンダリングするだけです。ボタンの UX フローをトリガーするタイミングは、ライブラリによって透過的に処理されます。
つまり、「Google でログイン」ボタンを Google Identity Services JavaScript ライブラリによって生成する必要があるということです。ボタン レンダリング API を使用すると、Google のガイドラインを遵守しつつ、ウェブサイトのブランディング要件を満たすように色、形、テキスト、サイズをカスタマイズできます。ウェブサイト全体でボタンに一貫性を持たせることで、ユーザーはボタンをすぐに認識して信頼し、使用できます。
ユーザー プロフィール情報は、ボタンを表示するためにも使用されることがあります。パーソナライズされたボタンは、以前にウェブサイトでユーザーを認証したアクティブな Google セッションが 1 つ以上ある場合にのみ表示されます。ボタンをカスタマイズして表示することで、エンドユーザーが以前に「Google でログイン」を使用したことを伝えることができるため、ウェブサイトで不要な重複アカウントを作成することを防止できます。これは、ウェブサイトにたびたびアクセスするエンドユーザーに特に役立ちます。使用したログイン方法を覚えていない可能性があります。
[Google でログイン] ボタンのフローでは、ポップアップとリダイレクトの UX モードがサポートされています。
- ポップアップの UX で [Google でログイン] ボタンをクリックすると、ウェブページの上部に新しいポップアップ ウィンドウが開きます。ボタンの UX フローがポップアップ ウィンドウに表示されます。
- リダイレクト UX では、[Sign in with Google] ボタンがクリックされた後にページ全体のリダイレクトが行われます。ボタンの UX フローは同じウィンドウにレンダリングされます。ただし、ボタン UX が表示されると、ウェブページはユーザーに表示されなくなります。
お客様の同意を取り消す
ID トークンの共有に対するユーザーの同意は取り消すことができます。「Google でログイン」には、ユーザーの同意をプログラムで取り消す API が用意されています。
Google Identity Services の Authorization API の revoke() メソッドとは異なり、ユーザーの同意を取り消すためのアクセス トークンは必要ありません。ただし、ターゲット Google セッションのメールアドレスまたは Google ユーザー ID を指定する必要があります。また、ブラウザ内にそのアカウントのアクティブな Google セッションが存在する必要があります。
取り消し API は、ID トークンの共有と、以前に付与されていたその他の認可スコープを取り消します。これは、使用する取り消し API に関係なく常に当てはまります。
コード生成ツール
コード生成ツールは、クライアントサイドの統合コードの生成に役立つデベロッパー ツールです。「Google でログイン」HTML API を使用すると、クライアントサイドの統合に JavaScript コードが不要になる可能性があります。
JavaScript API を使用する場合は、コード生成ツールを使用してインタラクティブにボタンを設計することをおすすめします。最初に HTML コードを生成してから、そのコードを JavaScript API の対応するフィールドにコピーすることもできます。