Personalizza colori, posizione e categorie, poi copia lo snippet: un banner leggero (nessuna dipendenza, isolato dal resto della pagina) che blocca gli script di terze parti finché il visitatore non dà il consenso — pronto per qualunque sito, anche fuori da questo server.
Apriamo il tuo sito in un browser reale, leggiamo i cookie installati prima e dopo il clic su "Accetta" e li classifichiamo con un database di oltre 2.000 cookie noti. Richiede 20–60 secondi.
Attiva le categorie facoltative usate dal sito: il visitatore potrà accettarle o rifiutarle una per una. I singoli cookie si gestiscono nel passo 4.
Il banner è gratuito e include il marchio "Sviluppato con IOCOS" nel piè di pagina.
Nel pannello "Personalizza" del banner ogni categoria mostra i suoi cookie con fornitore, finalità e durata, come richiesto dalle Linee guida del Garante. Non devi sapere quali cookie usa il tuo sito: compiliamo noi l'elenco. Poi controllalo e correggi quello che serve.
Scrivi l'indirizzo del sito: lo analizziamo e aggiungiamo i cookie trovati, più quelli tipici dei servizi e della piattaforma che riconosciamo.
| Nome | Fornitore | Finalità | Durata | Categoria |
|---|
L'elenco è vuoto: usa "Compila dal mio sito" qui sopra.
🔍 trovato sul sito letto davvero dal tuo sito · 🧩 tipico di… cookie che quel servizio o piattaforma installa di solito: verifica che ci sia davvero · il cookie che memorizza il consenso viene aggiunto da solo tra i Necessari.
La scansione trova la maggior parte dei cookie, ma alcuni compaiono solo in pagine particolari (carrello, area riservata, pagina con un video) o dopo il login. Per controllarli bastano gli strumenti già inclusi nel browser:
Come scelgo la categoria?
Nel dubbio non mettere un cookie tra i Necessari: se non è indispensabile al funzionamento, serve il consenso. Con Firefox la tabella è in Strumenti per sviluppatori → Archiviazione → Cookie; con Safari attiva prima Impostazioni → Avanzate → Mostra menu Sviluppo, poi Sviluppo → Mostra Web Inspector → Archiviazione.
⚠️ Importante: il banner da solo non blocca nulla. Se Google Analytics o il Pixel di Facebook partono appena si apre la pagina, il sito non è in regola anche se il banner c'è. Il passo B è quello che rende il sito davvero conforme.
Copia il codice del passo 5 e incollalo subito prima del tag </body>, in ogni pagina. Quasi tutti i siti hanno un unico file o una sola impostazione per il "piè di pagina": basta incollarlo lì una volta sola. Scegli la tua piattaforma:
In alternativa puoi incollarlo in Aspetto → Editor del tema → footer.php, prima di </body>. Sconsigliato: al primo aggiornamento del tema la modifica si perde.
</body> (Ctrl+F) e incolla lo snippet subito prima. Salva.Su Wix il codice personalizzato richiede un piano Premium con dominio collegato.
Cerca nel template il file del piè di pagina (spesso index.php, footer.tpl o simili) e incolla lo snippet prima di </body>. In Joomla puoi anche usare un modulo "HTML personalizzato" in posizione footer (con l'editor impostato su "Nessuno", altrimenti rimuove il codice).
Incolla lo snippet prima di </body> nel file comune del footer (es. footer.php), oppure in ogni file .html se non c'è un footer comune.
✅ Fatto quando: aprendo il sito in una finestra di navigazione in incognito compare il banner.
Ogni script o contenuto esterno che installa cookie non tecnici deve partire solo dopo il consenso. Per "metterlo in pausa" bastano tre piccole modifiche al suo codice:
type="text/javascript" sostituiscilo, altrimenti aggiungi type="text/plain" (il browser non lo esegue);data-cookieconsent="…" con la categoria giusta (tabella qui sotto);src="…", rinominalo in data-src="…".Quando il visitatore accetta quella categoria, il banner rimette tutto a posto da solo e lo script parte.
| Se il servizio è… | Esempi | Scrivi |
|---|---|---|
| Funzionale | Chat di assistenza (Tawk.to, Crisp, Tidio), memorizzazione di preferenze | data-cookieconsent="functional" |
| Statistiche | Google Analytics, Matomo, Hotjar, Microsoft Clarity | data-cookieconsent="analytics" |
| Marketing | Meta Pixel, Google Ads, TikTok Pixel, LinkedIn Insight, retargeting | data-cookieconsent="marketing" |
| Contenuti esterni | Video YouTube/Vimeo, Google Maps, post Instagram/Facebook incorporati | data-cookieconsent="preferences" |
| Tecnico | Carrello, login, pagamenti (Stripe, PayPal), protezione antispam | nessuna modifica |
<!-- Google Analytics 4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');
</script><!-- Google Analytics 4: parte solo con il consenso "Statistiche" -->
<script type="text/plain" data-cookieconsent="analytics"
data-src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script type="text/plain" data-cookieconsent="analytics">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');
</script><script>
!function(f,b,e,v,n,t,s){ ... }(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '123456789');
fbq('track', 'PageView');
</script><script type="text/plain" data-cookieconsent="marketing">
!function(f,b,e,v,n,t,s){ ... }(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '123456789');
fbq('track', 'PageView');
</script><iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID"></iframe>
<iframe width="560" height="315" data-cookieconsent="preferences" data-src="https://www.youtube-nocookie.com/embed/VIDEO_ID"></iframe>
💡 Finché il visitatore non accetta, al posto del video resta uno spazio vuoto. Consiglio: usa youtube-nocookie.com invece di youtube.com: installa meno cookie.
Molti plugin (Site Kit di Google, MonsterInsights, PixelYourSite…) inseriscono gli script da soli e non permettono di modificarli. Hai due strade:
Lascia lo script di GTM com'è. A ogni scelta del visitatore il banner invia a GTM l'evento iocos_consent_update, con le categorie accettate. In GTM:
iocos_consent.analytics (creane una anche per iocos_consent.marketing, iocos_consent.functional e iocos_consent.preferences se ti servono).iocos_consent_update, condizione: iocos_consent.analytics è uguale a true.iocos_consent.marketing.Se sulla pagina è presente gtag(), il banner imposta e aggiorna anche il Google Consent Mode v2 (tutto "negato" finché il visitatore non accetta), come Google richiede per chi fa pubblicità nell'Unione Europea.
✅ Fatto quando: hai modificato tutti gli script elencati come Funzionali, Statistiche, Marketing o Contenuti esterni nel passo 4.
Il Garante chiede che revocare il consenso sia facile quanto darlo. Oltre al pulsante flottante 🛡 (se lo hai attivato nel passo 3), aggiungi nel footer del sito, accanto a Privacy Policy e Cookie Policy, questo link:
<a href="#" onclick="IocosCookieConsent.open(); return false;">Preferenze cookie</a>
Con la scelta "Automatica" il banner usa la lingua indicata nel tag <html lang="…"> della pagina (es. lang="en" nelle pagine in inglese), altrimenti quella del browser. Se il tuo sito ha un selettore di lingua, puoi collegarlo anche al banner:
<!-- Esempio: il selettore lingua del tuo sito cambia anche la lingua del banner -->
<a href="/en/" onclick="IocosCookieConsent.setLanguage('en')">English</a>Per ripetere il test da capo basta aprire una nuova finestra in incognito: il consenso resta salvato solo nel browser.
Se in futuro aggiungi un servizio (es. una chat o un nuovo pixel): aggiungilo all'elenco del passo 4, aumenta di 1 la "Versione del banner" (passo 3) e sostituisci lo snippet sul sito. A tutti i visitatori verrà chiesto di nuovo il consenso, come previsto dalla normativa. Ricordati di aggiornare anche la Cookie Policy: rigenerala con il generatore di Cookie Policy, che riceve in automatico l'elenco aggiornato.