ปรับแต่งประสบการณ์ของผู้ใช้สำหรับลูกค้าที่รู้จัก

ใช้ Worklet พื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อระบุลูกค้าที่รู้จัก

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

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

กำหนดลูกค้าที่รู้จัก

หากต้องการทดลองระบุลูกค้าที่รู้จักในพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน โปรดยืนยันว่าคุณใช้ Chrome 104.0.5086.0 ขึ้นไป จากนั้นเปิดใช้แฟล็กการทดสอบ Privacy Sandbox API ที่ chrome://flags/#privacy-sandbox-ads-apis

ตั้งค่าการทดสอบ Privacy Sandbox API เป็นเปิดใช้เพื่อใช้ API เหล่านี้

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

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

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

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

  • known-customer.js ฝังอยู่ในเฟรม สคริปต์นี้กำหนดตัวเลือกว่าปุ่มใดควรแสดงบนเว็บไซต์ "ลงทะเบียน" หรือ "ซื้อเลย"
  • known-customer-worklet.js คือเวิร์กเล็ตพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน ซึ่งจะกำหนดว่ารู้จักผู้ใช้หรือไม่ หากทราบผู้ใช้ ระบบจะแสดงผลข้อมูล หากไม่รู้จักผู้ใช้ ข้อมูลนั้นจะแสดงขึ้นเพื่อแสดงปุ่ม "ลงทะเบียน" และผู้ใช้จะถูกทำเครื่องหมายว่าเป็นที่รู้จักในอนาคต

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await this.sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

Use Case

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

การเลือกเนื้อหา

เลือกและแสดงเนื้อหาที่แตกต่างกันบนเว็บไซต์ต่างๆ ในเฟรมที่มีการปิดกั้นโดยอิงตามข้อมูลที่รวบรวมในพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน ประตูเอาต์พุตสำหรับ Use Case เหล่านี้คือการเลือก URL

  • การหมุนเวียนโฆษณา: จัดเก็บข้อมูล เช่น รหัสครีเอทีฟโฆษณา ยอดดู และการโต้ตอบของผู้ใช้ เพื่อกำหนดว่าผู้ใช้จะเห็นครีเอทีฟโฆษณาใดในเว็บไซต์ต่างๆ
  • การทดสอบ A/B: คุณสามารถกำหนดผู้ใช้ให้กับกลุ่มทดสอบ แล้วจัดเก็บกลุ่มนั้นไว้ในพื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อให้เข้าถึงได้แบบข้ามเว็บไซต์
  • ประสบการณ์ของผู้ใช้ที่กําหนดเอง: แชร์เนื้อหาที่กําหนดเองและคำกระตุ้นให้ดำเนินการ (Call-To-Action) ตามสถานะการลงทะเบียนของผู้ใช้หรือสถานะอื่นๆ ของผู้ใช้

สร้างรายงานสรุป

เก็บข้อมูลด้วยพื้นที่เก็บข้อมูลที่ใช้ร่วมกันและสร้างรายงานสรุปแบบรวมที่มีเสียงดังรบกวน ประตูเอาต์พุตสำหรับกรณีการใช้งานเหล่านี้คือ Private Aggregation API

  • การวัด Unique Reach: ผู้ผลิตเนื้อหาและผู้ลงโฆษณาหลายรายต้องการทราบจำนวนคนที่ไม่ซ้ำกันที่ดูเนื้อหาของตน ใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อบันทึกครั้งแรกที่ผู้ใช้เห็นโฆษณา วิดีโอที่ฝัง หรือสื่อเผยแพร่ของคุณ และป้องกันการนับผู้ใช้รายเดียวกันนี้ในเว็บไซต์ต่างๆ ซ้ำ จากนั้นคุณจะใช้ Private Aggregation API เพื่อสร้างรายงานสรุปการเข้าถึงได้
  • การวัดข้อมูลประชากร: ผู้ผลิตเนื้อหามักต้องการทําความเข้าใจข้อมูลประชากรของกลุ่มเป้าหมาย คุณสามารถใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อบันทึกข้อมูลประชากรของผู้ใช้ในบริบทที่คุณมี เช่น เว็บไซต์ของบุคคลที่หนึ่ง และใช้การรายงานแบบรวมเพื่อรายงานเกี่ยวกับข้อมูลดังกล่าวในเว็บไซต์อื่นๆ จำนวนมาก เช่น เนื้อหาที่ฝัง
  • การวัดความถี่ K+: บางครั้งเรียกว่า "ความถี่ที่มีประสิทธิภาพ" มักจะมีจํานวนการดูขั้นต่ำก่อนที่ผู้ใช้จะจดจำหรือจำเนื้อหาบางอย่างได้ (มักจะอยู่ในบริบทของการดูโฆษณา) คุณสามารถใช้พื้นที่เก็บข้อมูลที่ใช้ร่วมกันเพื่อสร้างรายงาน ของผู้ใช้ที่ไม่ซ้ำที่เห็นเนื้อหาอย่างน้อย K ครั้ง

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

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