Menu della documentazione
Banner e informativa
Configurare il banner CookieHug: modello di consenso, vista dopo il consenso, link alle impostazioni dei cookie, interfaccia personalizzata e informativa sui cookie.
Personalizzazione del banner
Configurazione dalla dashboard
L'aspetto del banner è completamente configurabile dalla dashboard CookieHug: colori (sfondo, testo, pulsanti), posizione (in basso, in alto, modale centrata), testi e descrizioni, impostazioni del carattere e logo.
Modello di consenso (opt-in / opt-out / solo informativa)
In Dominio → Avanzate → Politica di consenso stabilisci come il banner tratta un visitatore che non ha ancora deciso:
| Modello | Comportamento prima della decisione |
|---|---|
| Opt-in (predefinito) | Senza consenso non parte nulla: gli script non essenziali restano bloccati e tutti i segnali di Google Consent Mode partono da denied. È il modello corretto per il SEE (GDPR). |
| Opt-out | Il consenso è presunto: i segnali partono da granted e gli script vengono eseguiti, ma il visitatore può opporsi in qualsiasi momento. Si usa dove la legge lo consente (es. alcune parti degli USA). |
| Solo informativa | Il banner si limita a informare: non c'è alcuna scelta e vengono usati solo cookie necessari. La decisione viene salvata con method: "notice_only" nel cookie di consenso. |
Il modello determina lo stato iniziale degli interruttori di categoria, i pulsanti mostrati nel banner e i valori predefiniti di Google Consent Mode. Con le regole regionali (geo-IP) puoi mantenere l'opt-in in Europa e servire opt-out o solo informativa in altre aree del mondo.
Vista del banner dopo il consenso
Dominio → Avanzate → Politica di consenso → vista del banner dopo il consenso controlla ciò che vede un visitatore con una decisione salvata quando il banner viene riaperto:
- Riepilogo (predefinito, consigliato per l'art. 7(3) del GDPR) — mostra l'identificativo del consenso, la data e lo stato delle categorie con due pulsanti: revoca il consenso / modifica il consenso. La revoca deve essere semplice quanto il consenso, e questa vista la riduce a un solo clic.
- Editor — alla riapertura si va direttamente all'editor delle categorie (il flusso classico).
- Nessuna — il banner non si riapre mai da solo; i visitatori lo raggiungono tramite l'icona flottante o una chiamata a
CookieHug.show().
Interfaccia di consenso personalizzata
Costruisci la tua interfaccia con submitCustomConsent():
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Informativa sui cookie
Incorporare l'informativa
Per mostrare una tabella con l'informativa sui cookie sul tuo sito (ad esempio nella pagina «Cookie policy»), aggiungi un <div> con l'id cookiehug-declaration:
<div id="cookiehug-declaration"></div>CookieHug riempirà automaticamente quell'elemento con una tabella, ordinata per categorie, di tutti i cookie trovati sul tuo dominio.
Scansione automatica
CookieHug esegue periodicamente la scansione del tuo sito e classifica i cookie automaticamente. Puoi anche avviare una scansione manuale dalla dashboard.
Gestione manuale dei cookie
Dalla dashboard CookieHug puoi: aggiungere cookie manualmente, modificarne descrizioni e categorie, indicare la durata e assegnare i cookie alle categorie (necessari, preferenze, statistiche, marketing).