Personalize a experiência do usuário para clientes conhecidos

Use um worklet de armazenamento compartilhado para identificar clientes conhecidos.

A API Shared Storage é um modelo Proposta de sandbox para uso geral, armazenamento entre sites, compatível com muitas possíveis casos de uso. Um exemplo é a identificação de clientes conhecidos, disponível para teste no Chrome 104.0.5086.0 e posterior.

Você pode armazenar se o usuário se registrou em seu site no Armazenamento compartilhado, Em seguida, renderize um elemento separado com base no status armazenado do usuário (se o usuário um "conhecido" cliente).

Definir clientes conhecidos

Para tentar identificar clientes conhecidos no armazenamento compartilhado, confirme se você está usando o Chrome 104.0.5086.0 ou posterior. Ative todas as APIs de privacidade de anúncios em chrome://settings/adPrivacy.

Também é possível ativar o armazenamento compartilhado com a sinalização --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames na linha de comando.

Teste exemplos de código

Convém renderizar um elemento diferente dependendo se o usuário foi visto em um site diferente. Por exemplo, um provedor de pagamento pode querer renderizar um "Register" ou "Compre agora" com base no registro do usuário no site do provedor de pagamento. O armazenamento compartilhado pode ser usado para definir o status do usuário e personalizar a experiência do usuário com base nesse status.

Neste exemplo:

  • known-customer.js está incorporado em um frame. Esse script define as opções para o botão "Registrar" em um site ou "Compre agora".
  • known-customer-worklet.js é a worklet de armazenamento compartilhado que determina se o usuário é conhecido. Se o usuário for conhecido, as informações serão retornadas. Se o usuário é desconhecido, essas informações são retornadas para exibir o botão "Registrar" e o usuário será marcado como conhecido para o futuro.

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

Casos de uso

Esses são apenas alguns dos possíveis casos de uso do armazenamento compartilhado. Vamos continuamos adicionando exemplos à medida que receber feedback e descobrir novos casos de uso.

Seleção de conteúdo

Selecionar e exibir conteúdos diferentes em sites diferentes da frames isolados com base em informações no armazenamento compartilhado. A porta de saída para esses casos de uso é a seleção de URL.

  • Rotação de criativos: Armazenar dados, como ID do criativo, contagens de visualizações e interação do usuário, para determinar quais usuários podem ser vistos em sites diferentes.
  • Teste A/B: É possível atribuir um usuário a um grupo experimental e, em seguida, armazenar esse grupo no armazenamento compartilhado para ser acessado entre sites.
  • Experiências do usuário personalizadas: Compartilhe conteúdo personalizado e calls-to-action com base no status de registro ou em outros estados do usuário.

Gerar relatórios resumidos

Coletar informações com o armazenamento compartilhado e gerar um relatório de resumo agregado e barulhento. A porta de saída para esses casos de uso é API Private Aggregate.

  • Medição do alcance único: Muitos produtores de conteúdo e anunciantes querem saber quantos as pessoas viram seu conteúdo. Use o armazenamento compartilhado para gravar a primeira vez que um usuário viram seu anúncio, vídeo incorporado ou publicação. Assim, você evita duplicações contando o mesmo usuário em sites diferentes. Depois, você pode usar a API Private Aggregate para gerar um relatório de resumo do seu alcance.
  • Medição demográfica: Os produtores de conteúdo geralmente querem entender as informações demográficas público-alvo. Você pode usar o Armazenamento compartilhado para registrar dados demográficos de usuários em um o contexto em que você os tem, como seu site primário, e usar para gerar relatórios em vários outros sites, como em conteúdo incorporado.
  • Medição de frequência de K+: Às vezes, descrita como "frequência efetiva", muitas vezes há um número mínimo visualizações antes de um usuário reconhecer ou lembrar de determinado conteúdo (geralmente em contexto das visualizações de anúncios). Você pode usar o armazenamento compartilhado para criar relatórios de usuários únicos que viram um conteúdo pelo menos K vezes.

Interaja e compartilhe feedback

A proposta de armazenamento compartilhado está em discussão ativa e sujeita a alterações. no futuro. Se você testar essa API e tiver algum feedback, conte para nós.