Alla fine di questa lezione saprai costruire in Webflow un sistema di cookie consent che funziona davvero — uno che blocca gli script di tracking finché il visitatore non acconsente, si adatta a regioni diverse e supera un vero scan di compliance. Non un banner decorativo, un vero livello di consenso, costruito con Finsweet Consent Pro.
Questo tema conta più di quanto la gente pensi. La maggior parte dei cookie banner è in pratica uno sticker: appare, ma gli script di tracking (Meta Pixel, Google Analytics via Tag Manager, Hotmart e compagnia) partono comunque subito, che l’utente accetti o rifiuti. Quella non è compliance — e vale la pena capire perché prima di sistemarla.
Una nota importante: sono uno sviluppatore, non un avvocato, quindi prendi questa come una guida pratica alla meccanica del consenso, non come consulenza legale. Per i tuoi obblighi specifici, controlla le normative attuali o un professionista.
Come funziona
Ecco il principio dietro tutto. Sotto il GDPR e la Direttiva ePrivacy, le tecnologie di tracking devono restare bloccate per default finché il visitatore non dà consenso esplicito. Quindi se cookie come _fbp (Facebook Pixel) o _ga (Google Analytics) appaiono prima che qualcuno clicchi Accetta, il sito è tecnicamente non conforme — anche se ha un banner. La compliance non riguarda l’esistenza del banner; riguarda il controllo di quando gli script girano davvero.
Il problema puoi vederlo da solo con un rapido audit. Apri il sito live in una finestra privata (un ambiente pulito — nessun cookie salvato), premi F12 e vai su Application → Storage → Cookies. Se vedi cookie di analytics e marketing al primo caricamento, stanno girando prima del consenso. Lo scanner di Consent Pro (consentpro.com/scan) rende tutto rigoroso: incolla l’URL di una pagina, fai lo scan e ti restituisce un punteggio di compliance, gli script caricati, i cookie creati e — il test chiave — quanti tracker girano prima del consenso. Analizzare una pagina di solito basta, dato che gli script di tracking si caricano globalmente.
La soluzione ruota attorno a una distinzione: opt-in vs opt-out. Un banner opt-in tiene i tracker bloccati finché l’utente non accetta — è il modello richiesto per la regione GDPR. Un banner opt-out li permette per default e li rimuove solo al rifiuto — va bene per regioni senza obbligo di consenso preventivo. Siccome la scelta giusta dipende da dove si trova il visitatore, la geolocalizzazione di Consent Pro ti fa creare più banner (es. opt-in per UE + UK, opt-out globale) e mostra automaticamente a ciascun visitatore quello corretto.
Infine, il pezzo che rende tutto reale: lo script di Consent Pro deve essere il primissimo script nell’head code. Deve caricare prima di Pixel, Tag Manager e il resto così può intercettarli e bloccarli finché non viene dato il consenso. Sbaglia quell’ordine e sei di nuovo a un banner decorativo.
Come si usa
- Prima l’audit — apri il sito live in una finestra privata, controlla Application → Cookies e lancia uno scan gratuito su
consentpro.com/scanper vedere cosa parte prima del consenso. - Installa l’app — nel pannello Apps di Webflow, cerca Finsweet, apri Consent Pro, installala sul tuo sito e autorizzala.
- Crea il banner GDPR — scegli il tipo opt-in (consigliato per il GDPR), imposta la geolocalizzazione su custom e punta a UE + UK. Scegli su quali pagine mostrarlo, poi crealo.
- Scan e conferma dei tracker — lancia lo scan in-app così rileva i tuoi tracker, conferma gli abbinamenti e dove un tracker manca di dettagli usa il bottone AI “riempi campi” e salva.
- Aggiungi lo script — per primo — installa lo script di Consent Pro in Site Settings → Custom Code → Head, assicurandoti che sia il primissimo. Pubblica.
- Aggiungi un banner globale — crea un secondo banner, stavolta opt-out con geolocalizzazione global, per i visitatori fuori dalla regione GDPR. Pubblica di nuovo.
- Dai stile on-brand — i banner vivono dentro l’elemento Consent Components; cambia il loro display per modificare ciascuno, poi dai stile per abbinarli al sito.
- Testa entrambi i percorsi — ricarica in una finestra privata e conferma: nella regione GDPR nessun tracker parte finché non accetti; altrove il banner opt-out li permette finché non rifiuti (lasciando solo il cookie di preferenza di Consent Pro). Ri-lancia lo scan per confermare un punteggio pulito.
La compliance dei cookie non riguarda far apparire un banner — riguarda far comportare i tracker nel modo giusto, al momento giusto, per gli utenti giusti. Costruiscila così e potrai sostenere “siamo conformi” con uno scan che passa davvero.