เรียกใช้การทดสอบ A/B

ใช้เวิร์กเล็ตพื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อเรียกใช้การทดสอบ A/B

Shared Storage API เป็นนโยบายความเป็นส่วนตัว ข้อเสนอแซนด์บ็อกซ์สำหรับจุดประสงค์ทั่วไป พื้นที่เก็บข้อมูลข้ามเว็บไซต์ ซึ่งสนับสนุน Use Case ที่เป็นไปได้ ตัวอย่างหนึ่งคือการทดสอบ A/B ซึ่งสามารถทดสอบได้ ใน Chrome 104.0.5086.0 ขึ้นไป

คุณกำหนดผู้ใช้ให้กับกลุ่มทดสอบได้ จากนั้นจัดเก็บกลุ่มดังกล่าวไว้ใน "แชร์" พื้นที่เก็บข้อมูลที่จะเข้าถึงในสภาพแวดล้อมแบบข้ามเว็บไซต์

ลองใช้ A/B Testing

หากต้องการทดสอบ A/B กับพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน ให้ยืนยันว่าคุณใช้ Chrome 104.0.5086.0 ขึ้นไป เปิดใช้ API ความเป็นส่วนตัวเกี่ยวกับโฆษณาทั้งหมดใน chrome://settings/adPrivacy

นอกจากนี้คุณยังเปิดใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันได้ด้วยแฟล็ก --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames ในบรรทัดคำสั่ง

การทดสอบกับตัวอย่างโค้ด

หากต้องการดูว่าการทดสอบให้ผลตามที่ต้องการหรือไม่ คุณสามารถทำการทดสอบ A/B ในหลายเว็บไซต์ได้ ในฐานะผู้ลงโฆษณาหรือผู้ผลิตเนื้อหา คุณสามารถเลือกแสดงเนื้อหาหรือโฆษณาที่แตกต่างกันตามกลุ่มที่ผู้ใช้ถูกกำหนดให้ ระบบจะบันทึกงานกลุ่มไว้ในพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน แต่จะขโมยไม่ได้

ในตัวอย่างนี้

  • ab-testing.js ควรฝังอยู่ในเฟรม ซึ่งแมปการควบคุมและเนื้อหาการทดสอบ 2 รายการ สคริปต์จะเรียกใช้ 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.

Stay Informed

  • Mailing List: Subscribe to our mailing list for the latest updates and announcements related to the Select URL and Shared Storage APIs.

Need Help?