Cookie banner su Shopify a norma del Garante: come configurarlo davvero

Cosa chiede il Garante, in pratica

• Niente cookie di profilazione o di statistica “piena” prima della scelta. I cookie tecnici (carrello, sessione, checkout) possono partire subito.
• La X chiude il banner e lascia le impostazioni di default, cioè nessun consenso.
• Il banner contiene un comando per accettare tutto e un link a un’area dove scegliere per categoria, più il link alla cookie policy.
• Lo scroll e il “continua a navigare” non sono mai consenso, da soli.
• Il cookie wall (entri solo se accetti) è illecito, salvo casi da verificare uno per uno.
• Il banner non va riproposto a ogni visita: di nuovo solo se cambiano le condizioni, se non puoi sapere la scelta precedente o dopo almeno 6 mesi.
• Un link nel footer permette di rivedere le scelte in qualsiasi momento.

Il banner di Shopify o un’app?

1. attivo il banner per tutte le regioni in cui vendo, non solo quelle proposte in automatico;
2. controllo che “Rifiuta” sia al primo livello, accanto ad “Accetta”, con la stessa evidenza;
3. scrivo un testo breve e chiaro in italiano, con il link alla cookie policy del negozio;
4. lascio spente di default le categorie statistiche e marketing nelle preferenze;
5. verifico che il link “Preferenze cookie” compaia nel footer del tema;
6. faccio la prova con il browser che ti descrivo più sotto, prima e dopo la scelta.

Bloccare davvero gli script

Pixel dei canali di vendita

Script incollati nel tema

Il codice con la Customer Privacy API

let statisticheAvviate = false;

function avviaStatistiche() {
  if (statisticheAvviate) return;
  statisticheAvviate = true;
  const script = document.createElement('script');
  script.src = 'https://statistiche.esempio.it/script.js'; // lo script che prima era nel tema
  script.async = true;
  document.head.appendChild(script);
}

window.Shopify.loadFeatures(
  [{ name: 'consent-tracking-api', version: '0.2' }],
  (error) => {
    if (error) return;
    const privacy = window.Shopify.customerPrivacy;
    if (privacy.analyticsProcessingAllowed()) avviaStatistiche();
    document.addEventListener('visitorConsentCollected', (event) => {
      if (event.detail.analyticsAllowed) avviaStatistiche();
    });
  }
);

Il link “Preferenze cookie” in ogni pagina

Come verificare che funzioni

1. apri il negozio in una finestra anonima con gli Strumenti per sviluppatori del browser aperti (scheda Rete);
2. prima di scegliere, cerca nella scheda Rete richieste a google-analytics, googletagmanager, facebook, tiktok, hotjar: non devono esserci;
3. nella scheda Applicazione > Cookie controlla che ci siano solo cookie tecnici;
4. premi Rifiuta (o la X), naviga tre o quattro pagine e aggiungi un prodotto al carrello: ancora nessuna richiesta a terzi;
5. apri una nuova finestra anonima, premi Accetta: ora gli strumenti devono partire;
6. riapri “Preferenze cookie”, togli il consenso e ricontrolla.

Gli errori che trovo più spesso

• Script nel tema che ignorano il banner: il caso più frequente, spesso lasciato da uno sviluppatore precedente.
• Solo “Accetta” al primo livello e il rifiuto nascosto in “Personalizza”.
• Categorie già attive nelle preferenze, invece che spente di default.
• Due banner: quello di Shopify e quello di un’app, con scelte che non si parlano.
• Banner che copre il checkout o il pulsante “Aggiungi al carrello” da telefono, senza poter scegliere comodamente.
• Banner attivo solo per alcuni Paesi, diversi da quelli in cui vendi davvero.
• Cookie policy generica, che non elenca gli strumenti usati dal negozio.
• Testi del banner lasciati in inglese o tradotti male, che il cliente non capisce.

Domande frequenti

Conclusione