Il cookie banner è la prima cosa che vede un visitatore. Se è fatto male, perdi fiducia prima di dire una parola. E se non è conforme, rischi sanzioni dal Garante Privacy. Ecco come farlo bene nel 2026.
Regola d'oroUn banner conforme ha 3 opzioni visivamente equivalenti: Accetta tutti, Rifiuta tutti, Personalizza. Nessuna scorciatoia nascosta, nessun colore ingannevole, nessun "accetta per continuare".
Cosa DEVE avere (obbligatorio)
1. Posizionamento
- Visibile immediatamente al primo accesso
- Non coprire contenuti (o coprirli minimamente)
- Funzionare su mobile e desktop
2. Testo chiaro
- Spiegare cosa sono i cookie in 1-2 frasi
- Link a Cookie Policy completa
- Link a Privacy Policy
3. Azioni equivalenti
- Accetta tutti — pulsante primario
- Rifiuta tutti — pulsante dello stesso peso visivo
- Personalizza — link/pulsante secondario
4. Nessun cookie prima del consenso
- Solo cookie tecnici possono caricarsi prima
- Analytics, marketing, pixel: solo dopo consenso
- Verifica con DevTools → Network
5. Salvataggio scelta
- Cookie tecnico che salva la preferenza
- Durata: max 6 mesi (poi richiedi di nuovo)
- Tracciare data + versione consenso
6. Revoca facile
- Link "Gestisci cookie" sempre accessibile (footer o pagina dedicata)
- Revoca semplice come il consenso
Cosa NON fare (sanzioni)
- ❌ Solo "Accetta" senza opzione Rifiuta
- ❌ "Rifiuta" nascosto in caratteri piccoli o colore grigio
- ❌ Banner che non si chiude senza accettare
- ❌ Cookie installati prima del consenso
- ❌ Conto alla rovescia che mette pressione
- ❌ "Continuando a navigare accetti" (pratica vietata dal 2021)
- ❌ Scorrimento pagina = consenso
- ❌ Preselezione di checkbox non necessari
Layout consigliato
Banner in basso (bottom bar), non popup centrale (che copre il contenuto):
- Testo su 2-3 righe massimo
- 3 pulsanti affiancati: Accetta, Rifiuta, Personalizza
- Stessa dimensione e spessore per Accetta/Rifiuta
- Personalizza leggermente più piccolo
Su mobile: pulsanti a tutta larghezza, uno sopra l'altro, con Accetta e Rifiuta in cima.
Pannello "Personalizza" — categorie
Il pannello deve avere 3 categorie base:
- Tecnici (sempre attivi) — non disattivabili
- Analitici — con toggle (es. Google Analytics, Plausible)
- Marketing — con toggle (Facebook Pixel, Google Ads)
Compatibilità e strumenti
| Strumento | Conforme | Costo |
|---|---|---|
| Iubenda | ✅ | 27-99€/mese |
| Cookiebot | ✅ | 0-99€/mese |
| CookieYes | ✅ | 0-20€/mese |
| Cookie banner custom | ✅ se fatto bene | 500-1.500€ una volta |
| Plugin WordPress gratis | ⚠️ spesso non conformi | 0€ |
Come testare il tuo banner
- Apri il sito in incognito (nessun cookie salvato)
- Apri DevTools → Network → filtra per "cookie" o "script"
- Verifica che nessuno script di analytics/marketing parta prima del click
- Clicca "Rifiuta tutti" → ricarica → verifica che non partano script
- Clicca "Accetta tutti" → ricarica → verifica che partano correttamente
- Ricarica di nuovo → il banner non deve riapparire
Quanto costa un banner conforme
- Tool commerciale: 27-99€/mese
- Banner custom base: 299€
- Banner custom completo: 499€
- Setup + integrazione: 199€
Il mio consiglio
Se il tuo banner attuale ha:
- Solo "Accetta"
- "Rifiuta" nascosto o assente
- Script che partono prima del click
...stai rischiando una sanzione da 5.000-20.000€. Il costo di sistemarlo è 300-500€.