BerryCookie è un servizio di consenso per i cookie (CMP) che abbiamo costruito per i nostri siti e che ora chiunque può utilizzare. Inserisci una sola riga di codice nella pagina, e BerryCookie mostra il banner, blocca i tracker fino a quando il visitatore non sceglie e conserva la prova della scelta. Puoi iniziare con il piano gratuito.

Perché abbiamo creato un altro banner per i cookie

Ho più siti e tutti hanno bisogno della stessa cosa: un banner per i cookie che rispetti il GDPR senza rallentare le pagine. Le soluzioni grandi, come Cookiebot, fanno il loro lavoro, ma paghi per ogni dominio e ricevi molto più di quanto ti serve. Molte opzioni gratuite, invece, mostrano solo un messaggio. Gli script di analytics partono comunque, indipendentemente da cosa preme il visitatore. Un banner che non blocca nulla non ti aiuta affatto in un controllo.

Ho deciso di scriverlo da zero, con tre regole: deve essere piccolo, deve bloccare realmente e deve funzionare su qualsiasi sito, indipendentemente dalla tecnologia con cui è costruito.

Come si installa

Lo script deve essere inserito per primo in <head>, prima di qualsiasi tracker:

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="CHIAVE-SITO" data-blockingmode="auto"></script>

La chiave la trovi nel pannello di BerryCookie, dopo aver aggiunto il sito. Per WordPress esiste un plugin, e per Google Tag Manager, un template.

Cosa fa, concretamente

Blocca i tracker fino al consenso

In modalità automatica, BerryCookie riconosce i tracker noti, come Facebook, LinkedIn, TikTok, Hotjar o Microsoft Clarity, e non li lascia funzionare fino a quando il visitatore non accetta la categoria appropriata. Funziona anche per gli script aggiunti nella pagina da altri script, non solo per quelli scritti direttamente in HTML.

Gli script e gli iframe li contrassegni con una categoria, ad esempio statistiche o marketing, e partono solo dopo il consenso. Un video di YouTube incluso nell'articolo si carica solo dopo che il visitatore accetta i cookie di marketing.

Google Consent Mode v2

Le tag di Google non sono bloccate. Ricevono i segnali di Google Consent Mode v2: di default tutto è rifiutato, e dopo la decisione viene inviata l'aggiornamento. Google Analytics e Google Ads funzionano esattamente quanto permette la scelta del visitatore, e in Google Tag Manager ricevi un evento separato su cui puoi costruire i trigger.

Regole per regioni

Non tutti i visitatori hanno gli stessi diritti. Per l'Unione Europea, il banner richiede il consenso prima di far partire qualcosa (opt-in). Per altre regioni puoi scegliere opt-out, dove tutto funziona e il visitatore può rifiutare, oppure puoi non mostrare affatto il banner. Le regole le stabilisci dal pannello, in base alla barra del visitatore.

Lista dei cookie e centro preferenze

Il visitatore vede le categorie, ognuna con il proprio interruttore, e i cookie di ciascuna categoria. I cookie li dichiari nel pannello, e la scansione mensile ti mostra cosa ha effettivamente trovato sul sito, in modo che non rimanga nulla non dichiarato. Dopo aver scelto, appare un piccolo pulsante rotondo con cui può cambiare la decisione in qualsiasi momento. Se il pulsante copre qualcosa nella pagina, può spostarlo.

Registro dei consensi

Ogni decisione viene registrata: quali categorie sono state accettate e quando. Se ti viene mai chiesta la prova che un visitatore ha dato il consenso, ce l'hai nel registro.

Piccolo, per non rallentare il sito

Lo script principale ha circa 7,5 kB compresso e non dipende da nessun'altra libreria. La finestra delle preferenze si carica separatamente, dopo che il banner è già sullo schermo, quindi la prima visualizzazione non la aspetta. La scelta del visitatore rimane in un cookie di prima parte, sul tuo dominio.

Cosa non può fare nessun banner

Una cosa che ho scoperto testando nel browser e che pochi possono dire: il blocco automatico ferma i tracker dal funzionare, ma uno <script src> scritto direttamente in HTML può comunque essere scaricato prima che venga eseguito alcun JavaScript. Il browser legge la pagina in anticipo e avvia i download presto. Se vuoi che nemmeno quella richiesta parta, contrassegni il tag con type="text/plain" e una categoria. In questo modo, il browser non lo scarica affatto fino al consenso.

Tutto questo porta anche a un'altra regola: se il visitatore ritira il consenso per una categoria, la pagina si ricarica. Uno script che sta già funzionando non può essere fermato dall'esterno, e il ricaricamento è l'unica opzione corretta.

E ancora qualcosa, per essere chiari: BerryCookie ti aiuta a rispettare le regole per i cookie, ma non ti scrive la politica sulla privacy e non sostituisce il posto di un avvocato.

Se vieni da Cookiebot

BerryCookie comprende anche l'attributo data-cookieconsent utilizzato da Cookiebot. Se hai già gli script contrassegnati per Cookiebot, cambi la riga in <head>, e i marcatori esistenti continuano a funzionare.

Piani

Puoi iniziare gratuitamente. I piani a pagamento, Pro, Business e Agency, sono per siti più grandi e per le agenzie che gestiscono più clienti. Tra l'altro, offrono supporto per IAB TCF v2.2, lo standard richiesto da molte reti pubblicitarie. I dettagli e i prezzi sono su berrycookie.com.

Perché scrivo di questo su Genstackcore

Genstackcore è il luogo dove racconto cosa costruisco, e BerryCookie è uno dei miei progetti. Maggiori informazioni sul blog le trovi qui. Tornerò con articoli su come funziona internamente, dal blocco degli script ai test nel browser. Se lo provi e qualcosa non funziona come ti aspetti, scrivimi dalla pagina di contatto.