Kullanıcı demografilerini ölçme

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

Shared Storage API, genel amaçlı, siteler arası depolama için bir Özel Korumalı Alan önerisidir ve birçok olası kullanım alanını destekler. Private Aggregation API, siteler arası verileri toplamanıza olanak tanıyan ve Shared Storage'da kullanılabilen bir çıktıdır.

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

Shared Storage ve Private Aggregation ile kullanıcı demografisi ölçümü denemesi yapmak için Chrome Canary ve Dev M107 veya sonraki bir sürümünü kullandığınızı onaylayın. chrome://settings/adPrivacy bölümündeki tüm reklam gizliliği API'lerini etkinleştirin.

Paylaşılan Depolama Alanı'nı komut satırındaki --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames işaretini kullanarak da etkinleştirebilirsiniz.

Kod örnekleriyle denemeler yapma

İçeriğinizi farklı sitelerde gören kullanıcıların belirli demografik özelliklerini (ör. yaş aralığı veya coğrafi konum) ölçmek isteyebilirsiniz. Bu örnekte, içerik kimliği, yaş grubu kimliği ve coğrafya kimliği boyutları toplama anahtarına (paket) kodlanır ve sayı, toplanabilir değer olarak kullanılır. Oluşturulan özet rapor, "123 içerik kimliğini gören yaklaşık 391 kullanıcı 18-39 yaş aralığında ve Avrupa'da yaşıyor" gibi bilgiler sağlar.

Bu örnekte:

  • demographic-measurement.js, bir çerçeve kullanılarak yüklenir ve paylaşılan depolama alanı işlevini yüklemekten sorumludur.
  • demographic-measurement-worklet.js, ortak depolamadaki demografi verilerini okuyan ve Private Aggregation API'yi kullanarak rapor gönderen ortak depolama işlettiridir.

store-demographic-data.js

(Demografi verilerini 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); \

Etkileşim kurma ve geri bildirim paylaşma

Shared Storage API teklifinin aktif olarak tartışılıp geliştirildiğini ve bu nedenle değişebileceğini unutmayın.

Shared Storage API hakkındaki düşüncelerinizi öğrenmek istiyoruz.