إجراء اختبار A/B

استخدِم Shared Storage worklet لإجراء اختبار A/B.

Shared Storage API هي اقتراح ضمن "مبادرة حماية الخصوصية" لتوفير مساحة تخزين عامة الأغراض على مستوى المواقع الإلكترونية، وهي تتيح العديد من حالات الاستخدام المحتملة. أحد الأمثلة على ذلك هو اختبار أ/ب، وهو متاح للاختبار في الإصدار 104.0.5086.0 من Chrome والإصدارات الأحدث.

يمكنك تعيين مستخدم لمجموعة تجريبية، ثم تخزين هذه المجموعة في "مساحة التخزين المشترَكة" ليتم الوصول إليها في بيئة متعددة المواقع الإلكترونية.

تجربة اختبار A/B

لتجربة اختبار A/B باستخدام Shared Storage API، تأكَّد من استخدام الإصدار 104.0.5086.0 من Chrome أو إصدار أحدث. فعِّل جميع واجهات برمجة التطبيقات الخاصة بالخصوصية في عرض الإعلانات ضِمن chrome://settings/adPrivacy.

يمكنك أيضًا تفعيل "مساحة التخزين المشتركة" باستخدام العلامة --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames في سطر الأوامر.

تجربة عيّنات التعليمات البرمجية

لمعرفة ما إذا كانت التجربة تؤدي إلى التأثير المطلوب، يمكنك إجراء اختبار A/B على مواقع إلكترونية متعددة. بصفتك معلنًا أو صانع محتوى، يمكنك اختيار عرض محتوى أو إعلانات مختلفة استنادًا إلى المجموعة التي تمّ تعيين المستخدم لها. يتم حفظ عملية تعيين المجموعة في مساحة التخزين المشتركة، ولكن لا يمكن استخراجها.

في هذا المثال:

  • يجب تضمين ab-testing.js في إطار يربط عنصر تحكّم بمحتويَين تجريبيَين. يستدعي النص البرمجي Shared Storage Worklet للتجربة.
  • 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.