Mengukur demografi pengguna

Produsen konten sering kali ingin memahami demografi audiens mereka. Anda dapat menggunakan Penyimpanan Bersama untuk mencatat data demografi pengguna dalam konteks tempat Anda memilikinya, seperti situs pihak pertama, lalu menggunakan pelaporan gabungan untuk menyertakan data tersebut dalam laporan dari situs lain, seperti konten sematan Anda.

Shared Storage API adalah proposal Privacy Sandbox untuk penyimpanan lintas situs tujuan umum, yang mendukung banyak kemungkinan kasus penggunaan. Private Aggregation API adalah output yang tersedia di Shared Storage yang memungkinkan Anda menggabungkan data lintas situs.

Mencoba pengukuran demografi pengguna

Untuk bereksperimen dengan pengukuran demografi pengguna dengan Shared Storage dan Private Aggregation, pastikan Anda menggunakan Chrome Canary dan Dev M107 atau yang lebih baru. Aktifkan semua API Privasi iklan di bagian chrome://settings/adPrivacy.

Anda juga dapat mengaktifkan Penyimpanan Bersama dengan tanda --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames di command line.

Bereksperimen dengan contoh kode

Anda mungkin ingin mengukur demografi tertentu dari pengguna yang telah melihat konten Anda di berbagai situs, misalnya rentang usia atau lokasi geografis. Dalam contoh ini, dimensi ID konten, ID kelompok usia, dan ID geografi dienkode ke dalam kunci agregasi (bucket), dan jumlah digunakan sebagai nilai agregat. Laporan ringkasan yang dihasilkan akan memberikan informasi seperti "Sekitar 391 pengguna yang telah melihat ID konten 123 berusia antara 18-39 tahun dan berasal dari Eropa".

Dalam contoh ini:

  • demographic-measurement.js dimuat menggunakan frame, dan bertanggung jawab untuk memuat worklet penyimpanan bersama.
  • demographic-measurement-worklet.js adalah worklet penyimpanan bersama yang membaca data demografi di penyimpanan bersama dan mengirim laporan menggunakan Private Aggregation API.

store-demographic-data.js

(Berjalan pada suatu waktu sebelum pengukuran dilakukan untuk menetapkan data demografi ke Shared Storage)

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

Engage and share feedback

Note that the Shared Storage API proposal is under active discussion and development and therefore subject to change.

We're eager to hear your thoughts on the Shared Storage API.

Stay Informed

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

Need Help?