วัดข้อมูลประชากรของผู้ใช้

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

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

ลองวัดข้อมูลประชากรของผู้ใช้

หากต้องการทดสอบการวัดข้อมูลประชากรของผู้ใช้ด้วย Shared Storage และ Private Aggregation ให้ตรวจสอบว่าคุณใช้ Chrome Canary และ Dev M107 ขึ้นไป เปิดใช้ API ความเป็นส่วนตัวเกี่ยวกับโฆษณาทั้งหมดในส่วน chrome://settings/adPrivacy

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

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

คุณอาจต้องการวัดข้อมูลประชากรบางอย่างของผู้ใช้ที่เห็นเนื้อหาของคุณในเว็บไซต์ต่างๆ เช่น ช่วงอายุหรือสถานที่ตั้งทางภูมิศาสตร์ ในตัวอย่างนี้ ระบบจะเข้ารหัสมิติข้อมูลรหัสเนื้อหา รหัสกลุ่มอายุ และรหัสภูมิศาสตร์ลงในคีย์การรวบรวม (ที่เก็บข้อมูล) และใช้จำนวนเป็นค่าที่รวบรวมได้ รายงานสรุปที่สร้างขึ้นจะให้ข้อมูล เช่น "ผู้ใช้ประมาณ 391 คนที่เห็น Content ID 123 มีอายุระหว่าง 18-39 ปีและมาจากยุโรป"

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

  • demographic-measurement.js โหลดโดยใช้เฟรม และมีหน้าที่โหลด Worklet ของพื้นที่เก็บข้อมูลที่แชร์
  • demographic-measurement-worklet.js คือ Worklet ของพื้นที่เก็บข้อมูลที่ใช้ร่วมกันซึ่งอ่านข้อมูลประชากรในพื้นที่เก็บข้อมูลที่ใช้ร่วมกันและส่งรายงานโดยใช้ Private Aggregation API

store-demographic-data.js

(ทํางานในช่วงเวลาหนึ่งก่อนที่จะทําการวัดเพื่อตั้งค่าข้อมูลประชากรในพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน)

function getDemogrationsData() {
  // Collect age group and continent data
  return {
    ageGroup,
    continent
  }
}

async function storeDemographics() {
  const { ageGroup, continent } = getDemographicsData();
  await window.sharedStorage.set('age-group', ageGroup);
  await window.sharedStorage.set('continent', continent);
}

storeDemographics();

demographic-measurement.js

async function measureDemographics() {
  // Load the Shared Storage worklet
  await window.sharedStorage.worklet.addModule('demographics-measurement-worklet.js');

  // Run the demographics measurement operation
  await window.sharedStorage.run('demographics-measurement', { data: { contentId: '123' } });
}

measureDemographics();

demographic-measurement-worklet.js

// Learn more about noise and scaling from the Private Aggregation fundamentals
// documentation on Chrome blog
const SCALE_FACTOR = 65536;

/**
 * The bucket key must be a number, and in this case, it is just the ad campaign
 * ID itself. For more complex bucket key construction, see other use cases in
 * this demo.
 */

const AGGREGATION_KEY_MAP = {
  ageGroupId: {
    '18-39': '1',
    '40-64': '2',
    '65+': '3',
  },

  continentId: {
    africa: '1',
    antarctica: '2',
    asia: '3',
    australia: '4',
    europe: '5',
    'north-america': '6',
    'south-america': '7',
  },

};

/**
 * The aggregation key will be in the format of:
 * contentId | ageGroupId | continentId
 *
 * For example, a user from Australia between the age of 40-64, who has
 * seen the Content ID 321 will be represented by the key:
 * 321 | 2 | 4 or 32124
 */

function generateAggregationKey(contentId, ageGroup, continent) {
  const ageGroupId = AGGREGATION_KEY_MAP.ageGroupId[ageGroup];
  const continentId = AGGREGATION_KEY_MAP.continentId[continent];
  const aggregationKey = BigInt(`${contentId}${ageGroupId}${continentId}`);

  return aggregationKey;
}

class DemographicsMeasurementOperation {
  async run(data) {
    const { contentId } = data;

    // Read from Shared Storage
    const key = 'has-reported-content';
    const hasReportedContent = (await sharedStorage.get(key)) === 'true';
    const ageGroup = await sharedStorage.get('age-group');
    const continent = await sharedStorage.get('continent');

    // Don't report if a report has been sent already
    if (hasReportedContent) {
      return;
    }

    // Generate the aggregation key and the aggregatable value
    const bucket = generateAggregationKey(contentId, ageGroup, continent);
    const value = 1 * SCALE_FACTOR;

    // Send an aggregatable report using the Private Aggregation API
    privateAggregation.contributeToHistogram({ bucket, value });

    // Set the report submission status flag
    await sharedStorage.set(key, true);
  }
}

// Register the operation
register('demographics-measurement', DemographicsMeasurementOperation); \

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

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

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