Effectuez des tests A/B

Utilisez un worklet Shared Storage pour effectuer des tests A/B.

L'API Shared Storage est une proposition de la Privacy Sandbox pour le stockage multisite à usage général, qui prend en charge de nombreux cas d'utilisation possibles. Par exemple, les tests A/B sont disponibles dans Chrome 104.0.5086.0 et versions ultérieures.

Vous pouvez attribuer un utilisateur à un groupe de test, puis stocker ce groupe dans Shared Storage pour y accéder dans un environnement multisite.

Essayer les tests A/B

Pour tester les tests A/B avec Shared Storage, assurez-vous d'utiliser Chrome 104.0.5086.0 ou version ultérieure. Activez toutes les API de confidentialité des annonces sous chrome://settings/adPrivacy.

Vous pouvez également activer le stockage partagé avec l'indicateur --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames dans la ligne de commande.

Tester des exemples de code

Pour vérifier si un test a l'effet escompté, vous pouvez effectuer des tests A/B sur plusieurs sites. En tant qu'annonceur ou producteur de contenu, vous pouvez choisir d'afficher différents contenus ou annonces en fonction du groupe auquel l'utilisateur est attribué. L'attribution de groupe est enregistrée dans un espace de stockage partagé, mais ne peut pas être exfiltrée.

Dans cet exemple :

  • ab-testing.js doit être intégré dans un frame, qui mappe un contenu de contrôle et deux contenus de test. Le script appelle le worklet de stockage partagé pour le test.
  • ab-testing-worklet.js est le worklet de stockage partagé qui indique le groupe auquel l'utilisateur est attribué, ce qui détermine l'annonce qui lui est présentée.

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);

Cas d'utilisation

Vous trouverez dans cette section tous les cas d'utilisation disponibles pour l'API Select URL. Nous continuerons d'ajouter des exemples à mesure que nous recevrons des commentaires et découvrirons de nouveaux cas de test.

Interagir et envoyer des commentaires

Notez que la proposition d'API Select URL est en cours de discussion et de développement, et qu'elle est susceptible d'être modifiée.

Nous aimerions connaître votre avis sur l'API Select URL.