Dostosowywanie interfejsu pod kątem znanych klientów

Użyj Worklet Shared Storage, aby zidentyfikować znanych klientów.

Shared Storage API to interfejs Privacy, Propozycja piaskownicy do zwykłych obciążeń, pamięci w wielu witrynach, która obsługuje wiele możliwych zastosowań. Jednym z przykładów jest identyfikowanie znanych klientów, co jest dostępne do testowania w Chrome 104.0.5086.0 i nowszych.

Możesz zapisywać, czy użytkownik zarejestrował się w Twojej witrynie w pamięci współdzielonej, a następnie renderować osobny element w zależności od tego, czy informacje o stanie środków zapisywanych przez użytkownika (czyli użytkownik „znany” klienta).

Ustaw znanych klientów

Aby poeksperymentować z identyfikacją znanych klientów w pamięci współdzielonej, upewnij się, że używasz Chrome 104.0.5086.0 lub nowszej wersji. Włącz wszystkie interfejsy Ad Privacy API w sekcji chrome://settings/adPrivacy.

Możesz też włączyć pamięć współdzieloną, używając flagi --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames w wierszu poleceń.

Eksperyment z przykładowym kodem

Możesz wyświetlać inny element w zależności od tego, czy użytkownik widział go w innej witrynie. Dostawca usług płatniczych może na przykład chcieć renderować „Zarejestruj się” lub „Kup teraz” w zależności od tego, czy użytkownik zarejestrował się w witrynie dostawcy usług płatniczych. W pamięci współdzielonej można określić stan użytkownika i dostosować go do własnych potrzeb.

W tym przykładzie:

  • Element known-customer.js jest osadzony w ramce. Ten skrypt ustawia opcje, dla których przycisk powinien być wyświetlany w witrynie – „Zarejestruj się”. lub „Kup teraz”.
  • known-customer-worklet.js to Worklet pamięci współdzielonej, który określa, czy użytkownik jest znany. Jeśli użytkownik jest znany, informacje zostaną zwrócone. Jeśli użytkownik jest nieznany, informacje te wracają i wyświetla się komunikat „Register” (Zarejestruj). , a użytkownik zostanie oznaczony jako znany z przyszłości.

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

使用场景

以上只是共享存储空间的一部分用例。我们将 我们会继续添加样本， 获取反馈 并发现新的应用场景

内容选择

在以下位置选择和显示不同网站上的不同内容： 围栏框架 共享存储空间这些用例的输出门控是网址选择。

  • 广告素材轮播： 存储广告素材 ID、观看次数和用户互动等数据，以确定哪个广告素材在不同网站上的呈现效果
  • A/B 测试： 您可以将用户分配到实验组，然后将该组存储在共享存储空间中，以便跨网站访问。
  • 自定义用户体验： 根据用户的注册状态或其他用户状态共享自定义内容和号召性用语

生成摘要报告

通过共享存储空间收集信息，并生成杂乱的汇总摘要报告。这些用例的输出门控是 Private Aggregation API。

  • 唯一身份用户覆盖面衡量： 许多内容制作者和广告客户都想知道 人查看了他们的内容。使用共享存储空间记录用户首次访问 用户看过您的广告、嵌入式视频或发布内容，并防止重复 统计不同网站上的同一用户然后，您可以使用 Private Aggregation API 输出覆盖面的摘要报告。
  • 受众特征衡量： 内容制作者通常希望了解其网站的受众特征 受众群体。您可以使用共享存储空间来记录 背景信息（例如您的第一方网站），并使用汇总的数据 以便在其他许多网站（例如嵌入式内容）中生成此报告。
  • K+ 频次衡量： 有时也称为“有效频次”通常会有一个 用户会认出或回想某些内容（通常在 广告观看情境）。您可以使用共享存储空间生成报告 的唯一身份用户中，特定内容至少浏览了 K 次。

互动和分享反馈

共享存储空间提案正在积极讨论，可能会发生变化 。如果您试用此 API 并有反馈意见，我们非常期待收到您的反馈意见。