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

استخدِم أداة "مساحة التخزين المشتركة" لإجراء اختبار A/B.

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

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

تجربة اختبار أ/ب

لإجراء اختبار A/B باستخدام "مساحة التخزين المشتركة"، تأكَّد من استخدام الإصدار 104.0.5086.0 من Chrome أو إصدار أحدث. تفعيل جميع واجهات برمجة تطبيقات الخصوصية في عرض الإعلانات ضمن "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.