Kullanıcı demografilerini ölçme

İçerik üreticiler genellikle kitlelerinin demografisini anlamak ister. Kullanıcı demografik verilerini, sahip olduğunuz bir bağlamda (ör. birinci taraf siteniz) kaydetmek için Shared Storage'ı kullanabilir, ardından bu verileri diğer sitelerden gelen raporlara (ör. yerleştirilmiş içeriğiniz) dahil etmek için toplu raporlamayı kullanabilirsiniz.

Shared Storage API, genel amaçlı, siteler arası depolama için bir Privacy Sandbox teklifidir ve birçok olası kullanım alanını destekler. Private Aggregation API, Ortak Depolama'da bulunan ve siteler arası verileri toplamanıza olanak tanıyan bir çıkıştır.

Kullanıcı demografisi ölçümünü deneyin

Shared Storage ve Private Aggregation ile kullanıcı demografisi ölçümünü denemek için Chrome Canary ve Dev M107 veya sonraki bir sürümü kullandığınızdan emin olun. chrome://settings/adPrivacy altındaki tüm reklam gizliliği API'lerini etkinleştirin.

Paylaşılan depolama alanını, komut satırında --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames işaretini kullanarak da etkinleştirebilirsiniz.

Kod örneklerini deneme

İçeriğinizi farklı sitelerde görmüş kullanıcıların belirli demografik özelliklerini (ör. yaş grubu veya coğrafi konum) ölçmek isteyebilirsiniz. Bu örnekte, içerik kimliği, yaş grubu kimliği ve coğrafi kimlik boyutları toplama anahtarına (bucket) kodlanır ve toplama değeri olarak sayı kullanılır. Oluşturulan özet raporda "123 içerik kimlikli içeriği görüntüleyen yaklaşık 391 kullanıcı 18-39 yaş aralığında ve Avrupa'dan" gibi bilgiler sağlanır.

Bu örnekte:

  • demographic-measurement.js, bir çerçeve kullanılarak yüklenir ve paylaşılan depolama alanı iş parçacığının yüklenmesinden sorumludur.
  • demographic-measurement-worklet.js, ortak depolama alanındaki demografi verilerini okuyan ve Private Aggregation API'yi kullanarak rapor gönderen ortak depolama alanı işleyicisidir.

store-demographic-data.js

(Demografik verileri Ortak Depolama'ya ayarlamak için ölçüm yapılmadan önce bir noktada çalışır.)

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?