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

ใช้ Worklet Shared Storage เพื่อทำการทดสอบ A/B

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

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

ลองใช้การทดสอบ A/B

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

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

ทดลองใช้ตัวอย่างโค้ด

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

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

  • ab-testing.js ควรฝังอยู่ในเฟรม ซึ่งจะแมปเนื้อหาควบคุมและเนื้อหาทดสอบ 2 รายการ สคริปต์จะเรียกใช้ Worklet ของ Shared Storage สำหรับการทดสอบ
  • ab-testing-worklet.js คือ Worklet ของพื้นที่เก็บข้อมูลที่แชร์ซึ่งจะแสดงกลุ่มที่ระบบกำหนดให้ผู้ใช้ เพื่อกำหนดโฆษณาที่จะแสดง

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

กรณีการใช้งาน

กรณีการใช้งานทั้งหมดที่ใช้ได้กับ Select URL API จะอยู่ในส่วนนี้ เราจะเพิ่มตัวอย่างอย่างต่อเนื่องเมื่อได้รับความคิดเห็นและค้นพบกรณีทดสอบใหม่ๆ

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.