コンテンツ制作者は、視聴者の属性を把握したいと考えることが多いでしょう。共有ストレージを使用すると、ファーストパーティ サイトなど、ユーザー属性データが収集できるコンテキストでユーザー属性データを記録し、集計レポートを使用して、埋め込みコンテンツなどの他のサイトのレポートにそのデータを含めることができます。
Shared Storage API は、さまざまなユースケースをサポートする、汎用のクロスサイト ストレージのためのプライバシー サンドボックスの提案です。Private Aggregation API は、共有ストレージで利用できる出力で、クロスサイト データを集計できます。
ユーザー属性の測定を試す
共有ストレージと非公開集計によるユーザー属性測定をテストするには、Chrome Canary と Dev M107 以降を使用していることを確認してください。chrome://settings/adPrivacy で、すべての広告プライバシー API を有効にします。
コマンドラインから --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames フラグを使用して共有ストレージを有効にすることもできます。
コードサンプルを試す
さまざまなサイトでコンテンツを視聴したユーザーの特定の属性(年齢層や地域など)を測定したい場合があります。この例では、コンテンツ ID、年齢層 ID、地域 ID ディメンションが集計キー(バケット)にエンコードされ、カウントが集計可能な値として使用されます。生成された概要レポートには、「コンテンツ ID 123 を視聴したユーザーのうち、約 391 人が 18 ~ 39 歳で、ヨーロッパに居住している」などの情報が表示されます。
この例では、次のようになります。
demographic-measurement.jsはフレームを使用して読み込まれ、共有ストレージ ワークレットの読み込みを担当します。demographic-measurement-worklet.jsは、共有ストレージ内のユーザー属性データを読み取り、Private Aggregation API を使用してレポートを送信する共有ストレージ ワークレットです。
(測定が行われる前に実行され、ユーザー属性データを共有ストレージに設定します)
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();
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 についてのご意見をお待ちしております。
- 提案: 詳細な提案を確認します。
 - ディスカッション: 進行中のディスカッションに参加して、質問したり、分析情報を共有したりできます。