Vedere Protect Privacy with a Tracking Consent Banner (Protezione della privacy con un banner di consenso al tracciamento).

Preserva la fiducia degli acquirenti con un banner di consenso al monitoraggio sul sito del kit Progressive Web App (PWA). Con il banner, gli acquirenti possono attivare o disattivare il monitoraggio delle attività predefinito incluso in PWA Kit.

Questa guida spiega le opzioni di implementazione e personalizzazione predefinite per il banner di consenso al monitoraggio.

Per configurare e utilizzare il banner di consenso al monitoraggio, creare il sito con Retail React App versione 6.0 o successiva.

Il banner di consenso al monitoraggio è disponibile in template-retail-react-app/app/components/_app/index.jsx, pertanto puoi visualizzarlo su qualsiasi pagina del tuo sito. Il banner è definito in template-retail-react-app/app/hooks/use-dnt-notification.js.

Per impostazione predefinita, il banner è simile a questo esempio.

Questi sono i due valori che definiscono l'impostazione dello stato DNT:

• effectiveDnt: È impostato sullo stato DNT predefinito configurato dall'utente o è impostato su false se non è stato configurato uno stato DNT predefinito. Questo valore è impostato su false se l'acquirente ha acconsentito al monitoraggio o true se ha rinunciato al monitoraggio.
• selectedDnt: Non è definito finché l'acquirente non interagisce con il banner di consenso. Questo valore è impostato su false se l'acquirente ha acconsentito al monitoraggio o true se ha rinunciato al monitoraggio.

Se un acquirente chiude il banner o non effettua una selezione nel banner, lo stato DNT predefinito è impostato su false (monitora attività). Per modificare questo comportamento, vedere Configurare lo stato DNT predefinito. Il banner viene nuovamente visualizzato la prossima volta che l'acquirente visita il sito dopo aver eseguito una delle seguenti azioni:

• Chiudi il browser
• Aggiornare i dati del sito
• Cancella i loro cookie

Questo diagramma riepiloga il comportamento del banner di consenso al monitoraggio e il modo in cui viene impostato lo stato DNT degli acquirenti quando visitano il sito.

Salvo diversa indicazione, tutti i passaggi del diagramma si applicano sia agli acquirenti ospiti che agli acquirenti noti.

Facoltativamente, è possibile specificare uno stato DNT predefinito che si applica se un acquirente chiude il banner di consenso al monitoraggio o non effettua una selezione nel banner. A tale scopo, impostare la defaultDNT proprietà in questo file nel progetto: {overridesDir}/app/components/_app-config/index.jsx.

• defaultDnt={true}: Indica che l'attività dell'acquirente non viene monitorata.
• defaultDnt={false}: Indica che l'attività dell'acquirente viene monitorata.

In questo esempio, defaultDnt è impostato su false.

Facoltativamente, è possibile personalizzare il banner di consenso al monitoraggio modificandone alcune parti, ad esempio l'aspetto o il testo. Per fare ciò, hai queste due scelte.

1. Utilizzare API e hook come descritto in Gestione delle preferenze di monitoraggio degli acquirenti.

o

2. Eseguire l'override del file di intestazione nel modello di base completando questi passaggi.

   • Se non l'hai già fatto, nel tuo progetto PWA Kit, crea una cartella chiamata hooks in {overridesDir}/app.
   • Creare un file richiamato use-dnt-notification.js nella hooks cartella.
   • Copiare e incollare questo codice in use-dnt-notification.js. In questo esempio, viene eseguito selectedDnt il rendering di un banner personalizzato controllato dal DntNotification componente. Inoltre, utilizziamo la funzione per applicare la updateDnt preferenza di monitoraggio di un acquirente come valore booleano. Vedere Valori Do Not Track.

• Se hai eseguito l'override del app/components/_app/index.jsx file nel tuo progetto PWA Kit, utilizza l'hook useDntNotification per visualizzare il banner di consenso al tracciamento personalizzato.

Facoltativamente, è possibile aggiungere codice nel progetto PWA Kit per attivare o impedire azioni in base alle preferenze di monitoraggio di un acquirente o allo stato DNT predefinito.

Da utilizzare effectiveDnt per attivare o impedire azioni come le chiamate API. Ad esempio, le chiamate API per accedere a Google Analytics. Vedere Valori Do Not Track.

In questo esempio, viene utilizzata l'operazione effectiveDnt per attivare una chiamata API di analisi con l'obiettivo di raccogliere dati in base alle interazioni di un acquirente con un sito. I dati possono fornire informazioni su fattori quali il comportamento degli acquirenti, il traffico sul sito web o le prestazioni di vendita.

• Se un acquirente rinuncia al monitoraggio (lo stato DNT è impostato su true) o lo stato DNT non è impostato:

  • Gli eventi di Einstein vengono soppressi. Ciò significa che l'attività di un acquirente sul sito non è inclusa nelle dashboard dei report&.
  • Le metriche di Active Data vengono raccolte se la funzionalità è stata abilitata come descritto in Active Data. Tuttavia, tutti i dati degli acquirenti sono resi anonimi.

• PWA Kit sostituisce qualsiasi configurazione di monitoraggio predefinita impostata nelle preferenze sulla privacy in Business Manager. Il sito PWA Kit applica una delle seguenti configurazioni:

  • PWA Kit: La configurazione di monitoraggio predefinita o personalizzata descritta in questa guida.
  • Shopper Login and API Access Service (SLAS): Se il banner di consenso al monitoraggio è stato personalizzato utilizzando lo SLAS, il sito applica la configurazione di monitoraggio descritta in Gestione delle preferenze di monitoraggio degli acquirenti.

In questa sezione viene suggerita una soluzione per un errore comune che può verificarsi durante l'utilizzo del banner di consenso al monitoraggio.

Causa: I problemi relativi a CSS o JavaScript possono ostacolare la funzionalità o causare la visualizzazione errata o assente del banner su determinati dispositivi o browser.

Soluzione suggerita: Testare il banner in più browser e dispositivi per garantire una funzionalità coerente. Presta particolare attenzione ai browser con politiche sui cookie più rigorose (ad esempio, Intelligent Tracking Prevention di Safari). Prova diverse dimensioni e risoluzioni dello schermo per assicurarti che il banner sia reattivo e facile da usare. Verificare che il banner non interferisca con le funzionalità del sito o con le interazioni con gli acquirenti.

• Gestione delle preferenze di monitoraggio degli acquirenti
• Guida di Salesforce:
  • Impatto di Do-Not-Track di Commerce Cloud Einstein
  • Impostazione delle preferenze relative alla privacy per B2C Commerce
  • Protezione e privacy dei dati