Cookie Banner Generator
Genera HTML/CSS/JS per un cookie banner conforme GDPR.
Configurazione
Colori
Categorie cookie
Anteprima
<!-- Cookie Banner -->
<div id="cookie-banner" class="cookie-banner cookie-banner--bottom" role="dialog" aria-label="Cookie Consent">
<div class="cookie-banner__inner">
<p class="cookie-banner__text">Utilizziamo cookie per migliorare la tua esperienza sul nostro sito. Puoi scegliere quali cookie accettare.</p>
<div class="cookie-categories">
<div class="cookie-category">
<label>
<input type="checkbox" id="cookie-necessary" checked disabled>
<strong>Necessari</strong> <em>(necessari)</em>
</label>
<p>Essenziali per il funzionamento del sito. Non possono essere disabilitati.</p>
</div>
<div class="cookie-category">
<label>
<input type="checkbox" id="cookie-analytics" checked >
<strong>Analitici</strong>
</label>
<p>Ci aiutano a capire come interagisci con il sito raccogliendo dati anonimi.</p>
</div>
<div class="cookie-category">
<label>
<input type="checkbox" id="cookie-marketing" >
<strong>Marketing</strong>
</label>
<p>Utilizzati per mostrarti annunci personalizzati in base ai tuoi interessi.</p>
</div>
</div>
<div class="cookie-banner__actions">
<button id="cookie-accept-all" class="cookie-btn cookie-btn--primary">Accetta tutti</button>
<button id="cookie-accept-selected" class="cookie-btn cookie-btn--secondary">Accetta selezionati</button>
<button id="cookie-reject" class="cookie-btn cookie-btn--ghost">Rifiuta</button>
</div>
</div>
</div>Come utilizzare Cookie Banner Generator
Configura testi, colori e posizione del banner
Nel pannello "Configurazione" scegli se il banner appare in alto o in basso, personalizza il testo, le etichette dei pulsanti e i colori di sfondo, testo e pulsanti.
Gestisci le categorie di cookie
La categoria "Necessari" è sempre presente e non disattivabile. Aggiungi, rinomina o rimuovi le categorie opzionali (es. Analitici, Marketing) con il pulsante "Aggiungi categoria".
Attiva l'anteprima per vedere il risultato
Premi "Mostra anteprima" per vedere il banner così come apparirà sul sito, con le categorie e i pulsanti configurati.
Copia HTML, CSS e JavaScript nel tuo sito
Passa tra le schede HTML, CSS e JavaScript e copia il codice generato con il pulsante "Copia". Incolla i tre blocchi nel tuo progetto per attivare il banner.
Suggerimenti
- Imposta la scadenza cookie in un intervallo ragionevole (es. 180-365 giorni): richiedere il consenso troppo spesso peggiora l'esperienza utente.
- Collega manualmente il rifiuto/accettazione delle categorie ai tuoi script di tracciamento reali (es. carica Google Analytics solo se la categoria "Analitici" risulta accettata nel cookie salvato).
Domande frequenti
Il banner generato è automaticamente conforme al GDPR?
Il tool genera un banner con opt-in per categoria (accetta tutti, accetta selezionati, rifiuta) e nessuna casella preselezionata per le categorie non necessarie, in linea con i principi base del GDPR. Non sostituisce però una consulenza legale: verifica sempre con un DPO o un legale la conformità specifica al tuo caso d'uso e la tua privacy policy.
Come viene salvata la scelta dell'utente?
Lo script generato salva il consenso in un cookie chiamato "cookie_consent" (formato JSON con lo stato di ogni categoria), con scadenza in giorni configurabile e attributi SameSite=Lax e Secure. Se il cookie esiste già, il banner non viene più mostrato.
Posso aggiungere categorie di cookie personalizzate?
Sì. Oltre alle categorie predefinite (Necessari, Analitici, Marketing) puoi aggiungerne di nuove con "Aggiungi categoria" e modificarne nome e descrizione. Solo la categoria "Necessari" è bloccata perché essenziale al funzionamento del sito.
Che differenza c'è tra "Accetta selezionati" e "Rifiuta"?
"Accetta selezionati" salva il consenso solo per le categorie con la casella spuntata al momento del click. "Rifiuta" imposta tutte le categorie opzionali su non accettate, mantenendo attivi solo i cookie necessari.
Questo banner sostituisce una piattaforma CMP completa?
No. È un generatore leggero di HTML/CSS/JS per siti con esigenze semplici. Per scenari complessi (integrazione IAB TCF, blocco automatico degli script di terze parti, audit log dei consensi) valuta una Consent Management Platform dedicata.