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.jsdoit ê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.jsest 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.
// 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();
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.
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.
- Proposition : consultez la proposition détaillée.
- Discussion : rejoignez la discussion en cours pour poser des questions et partager vos idées.