เรียกใช้การทดสอบ 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);

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

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

มีส่วนร่วมและแชร์ความคิดเห็น

โปรดทราบว่าข้อเสนอ Select URL API อยู่ระหว่างการพูดคุยและการพัฒนาอย่างต่อเนื่อง และอาจมีการเปลี่ยนแปลง

เราอยากฟังความคิดเห็นของคุณเกี่ยวกับ Select URL API

ติดตามข้อมูลอยู่เสมอ

  • รายชื่ออีเมล: สมัครรับอีเมลจากรายชื่ออีเมลของเราเพื่อรับข้อมูลอัปเดตและการประกาศล่าสุดเกี่ยวกับ Select URL และ Shared Storage API

หากต้องการความช่วยเหลือ