ITP ブラウザでのワンタップのサポート

インテリジェント トラッキング防止機能(ITP)により、ITP ブラウザ(iOS 版 Chrome、Safari、Firefox など)では、ウェルカム ページが追加で表示されます。この変更により、ワンタップ UX が複数のプラットフォームで動作し、ユーザーとデベロッパーの両方に一貫したエクスペリエンスを提供できるようになります。

ITP UX のワンタップを有効にするかどうかは、次の方法で管理できます。 data-itp_support 属性を設定する。

オプトアウト

ITP ブラウザでのワンタップは、明示的にオプトアウトされていないすべてのウェブサイトでデフォルトで有効になっています。

オプトアウトするには、次のスニペットに示すように、コードに data-itp_support="false" を追加します。

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

たとえば、後でロールアウトする場合や、完全に制御された割合でロールアウトする場合などです。オプトアウトすれば 後で自分で管理できます。

主なユーザー ジャーニー

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

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

    • Has-Google-session: Google ウェブサイトでアクティブなセッションが 1 つ以上あります。
    • No-Google-session: Google ウェブサイトにアクティブなセッションはありません。
  • ユーザー ジャーニーの開始時に、選択した Google アカウントがウェブサイトを承認したかどうか。以下の用語は、さまざまな承認ステータスを表すために使用されます。

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

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

  1. スタートページ。

    ウェルカム ページ

  2. Account Chooser ページ。

    初期セッションがあるアカウント選択ツール ページ

  3. 新しいユーザーの同意ページ。

    [Google でログイン] ボタンの同意とログイン。

  4. ユーザーが確認すると、ID トークンがウェブサイトと共有されます。

    ユーザーは [別のアカウントを使用] をクリックして、新しい Google セッションを追加できます。 ] ボタンについては、以下の「No-Google-session」のユーザー ジャーニーをご覧ください。

Google セッションを含むリピーター ジャーニー

  1. スタートページ。

    ウェルカム ページ

  2. Account Chooser ページ。

    Google アカウント選択ツール

  3. ユーザーがリピーター アカウントを選択すると、ID トークンが 確認できます

    ユーザーは [別のアカウントを使用] ボタンをクリックして新しい Google セッションを追加できます。下記の Google セッションなしのユーザー ジャーニーを参照してください。

Google セッションを経由しない新規ユーザー ジャーニー

  1. スタートページ。

    ようこそページ

  2. 新しい Google セッションを追加する最初のページ。

    Google アカウントのメール アドレス

  3. 新しい Google セッションを追加する 2 つ目のページ。

    Google アカウントへのログイン

  4. 新しいユーザーの同意ページ。

    [Google でログイン] ボタンの同意とログイン。

  5. ユーザーが確認すると、ID トークンがウェブサイトと共有されます。

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

  1. スタートページ。

    ようこそページ

  2. 新しい Google セッションを追加する最初のページ。

    Google アカウントのメール アドレス

  3. 新しい Google セッションを追加する 2 つ目のページ。

    Google アカウントへのログイン

  4. ユーザーが [次へ] ボタンをクリックすると、ID トークンがウェブサイトと共有されます。