A/B-Tests durchführen

Mit einem Shared Storage-Worklet A/B-Tests durchführen

Die Shared Storage API ist ein Privacy Sandbox-Vorschlag für die allgemeine, websiteübergreifende Speicherung, der viele mögliche Anwendungsfälle unterstützt. Ein Beispiel dafür sind A/B-Tests, die in Chrome 104.0.5086.0 und höher verfügbar sind.

Sie können einen Nutzer einer Testgruppe zuweisen und diese Gruppe dann im Shared Storage speichern, damit in einer websiteübergreifenden Umgebung darauf zugegriffen werden kann.

A/B-Tests ausprobieren

Wenn Sie A/B-Tests mit Shared Storage ausprobieren möchten, müssen Sie Chrome 104.0.5086.0 oder höher verwenden. Aktivieren Sie alle APIs zum Datenschutz bei Werbung unter chrome://settings/adPrivacy.

Sie können Shared Storage auch mit dem Flag --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames in der Befehlszeile aktivieren.

Mit Codebeispielen experimentieren

Um zu sehen, ob ein Test die gewünschte Wirkung hat, können Sie A/B-Tests auf mehreren Websites durchführen. Als Werbetreibender oder Content-Ersteller können Sie unterschiedliche Inhalte oder Anzeigen rendern, je nachdem, welcher Gruppe der Nutzer zugewiesen ist. Die Gruppenzuweisung wird im gemeinsam genutzten Speicher gespeichert, kann aber nicht exfiltriert werden.

In diesem Fall gilt Folgendes:

• ab-testing.js sollte in einen Frame eingebettet werden, der eine Kontroll- und zwei Testinhalte enthält. Das Script ruft das Shared Storage-Worklet für den Test auf.
• ab-testing-worklet.js ist das Worklet für den gemeinsamen Speicher, das zurückgibt, welcher Gruppe der Nutzer zugewiesen ist. Dadurch wird bestimmt, welche Anzeige ausgeliefert wird.

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.

• Rotate ad creatives: Store data, such as creative ID and user interaction, to determine which creative users' see across different sites.
• Select ad creatives by frequency: Use view count data to determine which creative users' see across different sites.
• Run A/B testing: You can assign a user to an experiment group, then store that group in Shared Storage to be accessed cross-site.
• Customize experience for known customers: Share custom content and calls-to-action based on a user's registration status or other user states.

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.

• Proposal: Review the detailed proposal.
• Discussion: Join the ongoing discussion to ask questions and share your insights.