Consulte Proteger la privacidad con un Banner de consentimiento de seguimiento.

Conserve la confianza del comprador con un banner de consentimiento de seguimiento en su sitio del kit de Progressive Web App (PWA). Con el banner, los compradores pueden activar o desactivar el seguimiento de actividad predeterminado incluido en PWA Kit.

En esta guía se explican las opciones predeterminadas de implementación y personalización para el banner de consentimiento de seguimiento.

La funcionalidad descrita en esta guía no es compatible con un storefront híbrido.

Para configurar y usar el banner de consentimiento de seguimiento, cree su sitio con Retail React App versión 6.0 o posterior.

El banner de consentimiento de seguimiento está disponible en template-retail-react-app/app/components/_app/index.jsx, por lo que puede mostrarlo en cualquier página de su sitio. El banner se define en template-retail-react-app/app/hooks/use-dnt-notification.jsformato .

De forma predeterminada, el banner tiene un aspecto similar a este ejemplo.

Proceso de consentimiento de seguimiento

Estos son los dos valores que definen en qué se establece el estado DNT:

  • effectiveDnt: Se establece en el estado DNT predeterminado que configuró o se establece si false no configuró un estado DNT predeterminado. Este valor se establece en false si el comprador dio su consentimiento para el seguimiento o true si el comprador optó por no participar en el seguimiento.
  • selectedDnt: No está definido hasta que el comprador interactúa con el banner de consentimiento. Este valor se establece en false si el comprador dio su consentimiento para el seguimiento o true si el comprador optó por no participar en el seguimiento.

Si un comprador cierra el banner o no realiza una selección en el banner, el estado DNT predeterminado se establece en false (seguimiento de actividad). Para cambiar ese comportamiento, consulte Configurar el estado DNT predeterminado. El banner vuelve a aparecer la próxima vez que el comprador visita su sitio después de realizar cualquiera de estas acciones:

  • Cierre el navegador
  • Actualizar los datos del sitio
  • Borrar sus cookies

Este diagrama resume el comportamiento del banner de consentimiento de seguimiento y cómo se establece el estado DNT de los compradores cuando visitan su sitio.

A menos que se indique lo contrario, todos los pasos del diagrama se aplican tanto a los compradores invitados como a los compradores conocidos.

Proceso de consentimiento de seguimiento

Opcionalmente, puede especificar un estado DNT predeterminado que se aplica si un comprador cierra el banner de consentimiento de seguimiento o no realiza una selección en el banner. Para ello, establezca la defaultDNT propiedad de este archivo en el proyecto: {overridesDir}/app/components/_app-config/index.jsx.

  • defaultDnt={true}: Indica que no se realiza un seguimiento de la actividad del comprador.
  • defaultDnt={false}: Indica que se realiza un seguimiento de la actividad del comprador.

En este ejemplo, defaultDnt se establece en false.

Opcionalmente, puede personalizar el banner de consentimiento de seguimiento cambiando partes del mismo, como la apariencia o el texto. Para ello, tienes estas dos opciones.

  1. Use API y enlaces como se describe en Administrar preferencias de seguimiento de compradores.

o

  1. Anule el archivo de banner en la plantilla base completando estos pasos.

    • Si aún no lo has hecho, en tu proyecto de PWA Kit, crea una carpeta llamada hooks in {overridesDir}/app.
    • Cree un archivo llamado use-dnt-notification.js en la hooks carpeta.
    • Copie y pegue este código en use-dnt-notification.js. En este ejemplo, lo usamos selectedDnt para renderizar un banner personalizado controlado por el DntNotification componente. Además, usamos la función para aplicar la updateDnt preferencia de seguimiento de un comprador como un valor booleano. Consulte No realizar seguimiento de valores.
  • Si has anulado el archivo en tu app/components/_app/index.jsx proyecto de PWA Kit, utiliza el useDntNotification gancho para mostrar tu banner de consentimiento de seguimiento personalizado.

Opcionalmente, puede agregar código en su proyecto de PWA Kit para activar o impedir acciones basadas en la preferencia de seguimiento de un comprador o su estado DNT predeterminado.

Utilícelo effectiveDnt para activar o impedir acciones como llamadas a API. Por ejemplo, llamadas a la API para acceder a Google Analytics. Consulte No realizar seguimiento de valores.

En este ejemplo, lo usamos effectiveDnt para activar una llamada a la API de Analytics con el objetivo de recopilar datos basados en las interacciones de un comprador con un sitio. Los datos pueden proporcionar información sobre factores como el comportamiento del comprador, el tráfico del sitio web o el rendimiento de las ventas.

  • Si un comprador opta por no participar en el seguimiento (el estado DNT está establecido en true) o el estado DNT no está establecido:

    • Los eventos de Einstein se suprimen. Esto significa que la actividad de un comprador en su sitio no se incluye en los paneles de informes&.
    • Las métricas de Active Data se recopilan si habilitó la característica como se describe en Active Data. Sin embargo, todos los datos de los compradores son anónimos.

  • PWA Kit anula cualquier configuración de seguimiento predeterminada que establezca en las preferencias de privacidad de Business Manager. El sitio de PWA Kit aplica cualquiera de estas configuraciones:

    • PWA Kit: La configuración de seguimiento predeterminada o personalizada que se describe en esta guía.
    • Shopper Login and API Access Service (SLAS): Si personalizó el banner de consentimiento de seguimiento mediante SLAS, su sitio aplica la configuración de seguimiento descrita en Gestionar preferencias de seguimiento del comprador.

En esta sección se proporciona una solución sugerida para un error común que puede encontrar al usar el banner de consentimiento de seguimiento.

Causa: Los problemas de CSS o JavaScript pueden obstaculizar la funcionalidad o hacer que el banner se muestre incorrectamente o no se muestre en absoluto en ciertos dispositivos o navegadores.

Solución sugerida: Pruebe el banner en varios navegadores y dispositivos para garantizar una funcionalidad coherente. Preste especial atención a los navegadores con políticas de cookies más estrictas (por ejemplo, la prevención de seguimiento inteligente de Safari). Pruebe diferentes tamaños de pantalla y resoluciones para asegurarse de que el banner sea receptivo y fácil de usar. Confirme que el banner no interfiera con ninguna funcionalidad del sitio ni con las interacciones de los compradores.