Запустите A/B-тестирование

Используйте рабочий модуль «Общее хранилище» для проведения A/B-тестирования.

API общего хранилища — это предложение в рамках концепции «песочницы конфиденциальности» для универсального межсайтового хранилища, поддерживающее множество возможных вариантов использования. Один из таких примеров — A/B-тестирование, которое доступно для тестирования в Chrome 104.0.5086.0 и более поздних версиях.

Вы можете назначить пользователя в экспериментальную группу, а затем сохранить эту группу в общем хранилище для доступа в межсайтовой среде.

Попробуйте A/B-тестирование.

Для проведения A/B-тестирования с использованием общего хранилища убедитесь, что вы используете Chrome версии 104.0.5086.0 или более поздней. Включите все API для обеспечения конфиденциальности рекламы в chrome://settings/adPrivacy .

Также можно включить общее хранилище с помощью флага --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames в командной строке.

Поэкспериментируйте с примерами кода.

Чтобы проверить, дает ли эксперимент желаемый эффект, можно провести A/B-тестирование на нескольких сайтах. В качестве рекламодателя или создателя контента вы можете выбирать, какой контент или рекламу показывать в зависимости от того, к какой группе относится пользователь. Принадлежность к группе сохраняется в общем хранилище, но не может быть раскрыта.

В этом примере:

  • Файл ab-testing.js должен быть встроен во фрейм, который отображает содержимое контрольного задания и двух экспериментальных заданий. Скрипт вызывает рабочий модуль общего хранилища для эксперимента.
  • 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);

Use cases

All available use cases for Select URL API can be found in this section. We'll continue to add examples as we receive feedback and discover new test cases.

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.