A/B テストを行う

共有ストレージ ワークレットを使用して A/B テストを実行します。

Shared Storage API は、汎用のクロスサイト ストレージに関するプライバシー サンドボックスの提案で、多くのユースケースに対応できます。たとえば、Chrome 104.0.5086.0 以降でテストできる A/B テストがあります。

ユーザーをテストグループに割り当て、そのグループを共有ストレージに保存して、クロスサイト環境でアクセスできるようにします。

A/B テストを試す

Shared Storage で A/B テストを試すには、Chrome 104.0.5086.0 以降を使用していることを確認してください。chrome://settings/adPrivacy で広告プライバシー API をすべて有効にします。

コマンドラインで --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames フラグを使用して共有ストレージを有効にすることもできます。

コードサンプルを試す

テストが期待どおりの効果を発揮するかどうかを確認するには、複数のサイトで A/B テストを実施します。広告主様やコンテンツ制作者様は、ユーザーが割り当てられたグループに基づいて、異なるコンテンツや広告を表示することを選択できます。グループの割り当ては共有ストレージに保存されますが、抽出することはできません。

この例では、次のようになります。

  • ab-testing.js は、コントロールと 2 つのテスト コンテンツをマッピングするフレームに埋め込む必要があります。スクリプトは、テスト用の共有ストレージ ワークレットを呼び出します。
  • ab-testing-worklet.js は、ユーザーが割り当てられているグループを返し、表示される広告を決定する共有ストレージ ワークレットです。

ab-testing.js

// Randomly assigns a user to a group 0 or 1
function getExperimentGroup() {
  return Math.round(Math.random());
}

async function injectContent() {
  // Register the Shared Storage worklet
  await window.sharedStorage.worklet.addModule('ab-testing-worklet.js');

  // Assign user to a random group (0 or 1) and store it in Shared Storage
  window.sharedStorage.set('ab-testing-group', getExperimentGroup(), {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation
  const fencedFrameConfig = await window.sharedStorage.selectURL(
    'ab-testing',
    [
      { url: `https://your-server.example/content/default-content.html` },
      { url: `https://your-server.example/content/experiment-content-a.html` }
    ],
    {
      resolveToConfig: true
    }
  );

  // Render the chosen URL into a fenced frame
  document.getElementById('content-slot').config = fencedFrameConfig;
}

injectContent();

ab-testing-worklet.js

class SelectURLOperation {
  async run(urls, data) {
    // Read the user's experiment group from Shared Storage
    const experimentGroup = await sharedStorage.get('ab-testing-group');

    // Return the corresponding URL (first or second item in the array)
    return urls.indexOf(experimentGroup);
  }
}

register('ab-testing', SelectURLOperation);

ユースケース

このセクションでは、Select URL API で利用可能なすべてのユースケースについて説明します。フィードバックや新しいテストケースの検出に応じて、例を追加していきます。

Engage and share feedback

Note that the Select URL API proposal is under active discussion and development and subject to change.

We're eager to hear your thoughts on the Select URL API.