Consulte a Política de Privacidade com um Banner de consentimento de rastreamento.

Preserve a confiança do comprador com um banner de consentimento de rastreamento no seu site do Kit Progressive Web App (PWA ). Com o banner, seus compradores podem ativar ou desativar o rastreamento de atividades padrão incluído em PWA Kit.

Este guia explica as opções padrão de implementação e personalização para o banner de consentimento de rastreamento.

A funcionalidade descrita neste guia não é compatível com uma vitrine híbrida.

Para configurar e usar o banner de consentimento de rastreamento, crie seu site com Retail React App versão 6.0 ou posterior.

O banner de consentimento de rastreamento está disponível no template-retail-react-app/app/components/_app/index.jsx, para que você possa exibi-lo em qualquer página do seu site. O banner é definido em template-retail-react-app/app/hooks/use-dnt-notification.js.

Por padrão, o banner é semelhante a este exemplo.

Processo de consentimento de rastreamento

Estes são os dois valores que definem o que o estado DNT é definido para:

  • effectiveDnt: É definido para o estado DNT padrão que você configurou ou está definido para false se você não configurou um estado DNT padrão. Esse valor é definido false se o comprador consentiu com o rastreamento ou true se optou por não rastreá-lo.
  • selectedDnt: É indefinido até que o comprador interaja com o banner de consentimento. Esse valor é definido false se o comprador consentiu com o rastreamento ou true se optou por não rastreá-lo.

Se um comprador fechar o banner ou não fizer uma seleção no banner, o estado DNT padrão será definido como false (rastrear atividade). Para alterar esse comportamento, consulte Configurar o estado DNT padrão. O banner reaparece na próxima vez que o comprador visitar seu site depois de realizar qualquer uma destas ações:

  • Feche o navegador
  • Atualizar dados do site
  • Limpe seus cookies

Este diagrama resume o comportamento do banner de consentimento de rastreamento e como o estado DNT dos compradores é definido quando visitam seu site.

Salvo indicação em contrário, todas as etapas no diagrama se aplicam tanto a compradores visitantes quanto a compradores conhecidos.

Processo de consentimento de rastreamento

Opcionalmente, você pode especificar um estado DNT padrão que se aplica se um comprador fechar o banner de consentimento de rastreamento ou não fizer uma seleção no banner. Para fazer isso, defina a defaultDNT propriedade neste arquivo em seu projeto: {overridesDir}/app/components/_app-config/index.jsx.

  • defaultDnt={true}: Indica que a atividade do comprador não é rastreada.
  • defaultDnt={false}: Indica que a atividade do comprador é rastreada.

Neste exemplo, defaultDnt é definido como false.

Opcionalmente, você pode personalizar o banner de consentimento de rastreamento alterando partes dele, como a aparência ou o texto. Para isso, você tem essas duas opções.

  1. Use APIs e ganchos conforme descrito em Gerenciar preferências de rastreamento do comprador.

ou

  1. Substitua o arquivo de banner no modelo base concluindo estas etapas.

    • Se você ainda não tiver feito isso, em seu projeto PWA Kit, crie uma pasta chamada hooks. {overridesDir}/app
    • Crie um arquivo chamado use-dnt-notification.js na hooks pasta.
    • Copie e cole este código no use-dnt-notification.js. Neste exemplo, usamos selectedDnt para renderizar um banner personalizado que é controlado pelo DntNotification componente. Além disso, usamos a função para aplicar a updateDnt preferência de rastreamento de um comprador como booleano. Consulte Não controlar valores.
  • Se você substituiu o app/components/_app/index.jsx arquivo em seu projeto PWA Kit, utilize o useDntNotification gancho para exibir seu banner de consentimento de rastreamento personalizado.

Opcionalmente, você pode adicionar código em seu projeto PWA Kit para acionar ou impedir ações com base na preferência de rastreamento do comprador ou no estado DNT padrão.

Use effectiveDnt para acionar ou impedir ações como chamadas de API. Por exemplo, chamadas de API para acessar o Google Analytics. Consulte Não controlar valores.

Neste exemplo, usamos effectiveDnt para acionar uma chamada de API do Analytics com o objetivo de coletar dados com base nas interações de um comprador com um site. Os dados podem fornecer insights sobre fatores como comportamento do comprador, tráfego do site ou desempenho de vendas.

  • Se um comprador optar por não ter rastreamento (o estado DNT está definido como true) ou o estado DNT não estiver definido:

    • Einstein eventos são suprimidos. Isso significa que a atividade de um comprador em seu site não está incluída nos Painéis de relatórios&.
    • As métricas do Active Data serão coletadas se você tiver habilitado o recurso conforme descrito em Active Data. No entanto, todos os dados do comprador são anonimizados.

  • PWA Kit substitui qualquer configuração de rastreamento padrão definida em preferências de privacidade no Business Manager. Seu site PWA Kit aplica uma destas configurações:

    • PWA Kit: A configuração de rastreamento padrão ou personalizada descrita neste guia.
    • Shopper Login and API Access Service(SLAS): Se você personalizou o banner de consentimento de rastreamento usando SLAS, seu site aplicará a configuração de rastreamento descrita em Gerenciar preferências de rastreamento do comprador.

Esta seção fornece uma solução sugerida para um erro comum que você pode encontrar ao usar o banner de consentimento de rastreamento.

Causa: Problemas de CSS ou JavaScript podem dificultar a funcionalidade ou fazer com que o banner seja exibido incorretamente ou não seja exibido em determinados dispositivos ou navegadores.

Solução sugerida: Teste o banner em vários navegadores e dispositivos para garantir uma funcionalidade consistente. Preste especial atenção aos navegadores com políticas de cookies mais rigorosas (por exemplo, a Prevenção de Rastreamento Inteligente do Safari). Teste diferentes tamanhos de tela e resoluções para garantir que o banner seja responsivo e fácil de usar. Confirme se o banner não interfere em nenhuma funcionalidade do site ou nas interações do comprador.