Banner Consenso Cookie GDPR - Accetta e Rifiuta, nove posizioni, zero richieste esterne

L'avviso che la legge richiede, senza il conto da pagare in prestazioni

Ogni negozio nell'UE deve informare i visitatori che utilizza i cookie. La maggior parte dei moduli che se ne occupano richiama un codice di terze parti per dirlo: un modo curioso di avviare una conversazione sulla privacy. Questo ne installa due piccoli file — un foglio di stile da 2,9 KB e un file JavaScript nativo da 3,2 KB — e non effettua nessuna richiesta esterna. Niente jQuery, nessuna libreria di notifiche, niente scaricato dal server di qualcun altro.

Nove posizioni, così l'avviso si adatta al design invece di combatterlo

Scegli una barra a tutta larghezza in alto o in basso, una scheda flottante in uno dei sei angoli — in basso a sinistra, in basso al centro, in basso a destra, in alto a sinistra, in alto al centro, in alto a destra — oppure una scheda centrata al centro dello schermo. Quest'ultima si sposa naturalmente con l'oscuramento della pagina, che ingrigisce tutto ciò che sta dietro l'avviso in modo che non lo si possa superare scorrendo.

L'avviso si dimensiona in base al proprio contenuto: un messaggio più lungo in una lingua non verrà quindi mai tagliato come accade con un banner ad altezza fissa.

Accetta e, se vuoi, Rifiuta

Il pulsante Accetta c'è sempre. Il pulsante Rifiuta è opzionale, e attivarlo offre al visitatore una vera seconda scelta invece di un banner che si può soltanto chiudere. Entrambe le risposte valgono come risposta: l'avviso scompare e la decisione viene registrata.

Il link Scopri di più, fatto come si deve

Scegli la tua pagina dell'informativa sulla privacy da un elenco a discesa delle tue pagine CMS e il modulo costruisce da solo il link localizzato in URL semplificato corrispondente. Nessun URL da incollare e niente da aggiornare quando rinomini la pagina o aggiungi una lingua. Selezionando "Nessun link" il collegamento sparisce del tutto, anche se un avviso che non rimanda da nessuna parte per leggere i dettagli è raramente ciò che si desidera.

Il tuo testo, in tutte le lingue in cui vendi

Il messaggio si scrive lingua per lingua con l'editor di testo avanzato standard, così l'avviso francese si legge come vero francese e non come un inglese passato dal traduttore automatico. L'avviso compare solo quando il messaggio non è vuoto: un messaggio vuoto viene trattato come un "non ancora pronto" anziché mostrato come una barra bianca.

I tuoi colori, con uno sfondo davvero trasparente

Imposta un colore di sfondo, un colore del testo e un'opacità dello sfondo da 0 a 100. I pulsanti Accetta e Rifiuta riprendono automaticamente le stesse due tinte, quindi non c'è un terzo né un quarto selettore di colore da sbagliare. Solo lo sfondo diventa trasparente: il testo e i pulsanti restano perfettamente opachi e leggibili, che è proprio la parte che la maggior parte delle implementazioni fa al contrario.

Un consenso ricordato per tutto il tempo che decidi tu

Scegli per quanti giorni conservare una risposta. 365 giorni è l'impostazione più diffusa e le autorità garanti della privacy si aspettano in genere che la domanda venga riproposta almeno ogni 13 mesi. Il valore 0 ripropone la domanda alla riapertura del browser: un comportamento di sessione onesto, invece di un pulsante che finge di rimandare.

Progettato perché i tuoi script di tracciamento rispettino davvero la risposta

Questo punto conta, ed è proprio qui che parecchi banner di consenso falliscono in silenzio. Questo modulo mostra l'avviso e ricorda la risposta — non blocca da solo gli altri cookie. Quello che fa è esporre la decisione in tre modi, perché i tuoi script possano agire di conseguenza:

Il cookie eucookie_consent contiene accepted oppure declined e resta assente finché il visitatore non ha scelto. È questo il valore da leggere nei normali caricamenti di pagina, ed è l'unico sempre presente. L'evento eucookieConsent viene lanciato su document nel momento in cui si preme un pulsante, così gli strumenti di analisi possono partire nell'istante in cui arriva il consenso, senza attendere il caricamento successivo. La variabile globale window.eucookieConsent porta lo stesso valore finché il codice dell'avviso è presente nella pagina.

Un dettaglio da conoscere prima di collegare qualsiasi cosa, perché è lui a decidere quale dei tre usare: il codice JavaScript del modulo viene caricato solo quando l'avviso deve effettivamente comparire. In una pagina in cui il visitatore ha già risposto lo script non viene caricato affatto, quindi lì la variabile globale semplicemente non è definita. Leggi il cookie per sapere se quel visitatore ha dato il consenso, su qualsiasi pagina, e resta in ascolto dell'evento per reagire nel momento esatto del clic. Lo snippet preciso è nel file readme del modulo.

Un pannello di stato che ti dice cosa vedono davvero i visitatori

La pagina di configurazione ospita un pannello Stato attuale che riporta la situazione reale in parole chiare: disattivato, messaggio ancora vuoto, oppure attivo su ogni pagina. Accanto a esso compare un avviso separato ogni volta che nessuna pagina dell'informativa sulla privacy è collegata o la pagina scelta è stata disattivata, così quel particolare errore non può nascondersi dietro uno stato per il resto tranquillo. È più utile di quanto sembri, perché una volta accettato il tuo stesso avviso non lo rivedrai più: controlla il pannello, oppure apri il negozio in una finestra di navigazione anonima.

La versione 4 ha risolto un problema di privacy nel modulo stesso

Va detto senza giri di parole, perché proprio un modulo di consenso ai cookie non può permettersi di sbagliare su questo. La versione 3.x caricava jQuery 1.12 da un CDN esterno su ogni pagina: una richiesta in uscita verso terzi, effettuata prima che il visitatore avesse acconsentito a qualsiasi cosa, proprio dal modulo che quel consenso lo stava chiedendo. La versione 4 la elimina: niente jQuery, nessuna libreria di notifiche, zero richieste esterne.

Con essa se ne sono andati diversi altri difetti della 3.x. Il markup, gli stili e il codice del banner venivano iniettati nel <head> della pagina, il che produce HTML non valido. Sui negozi multilingua il messaggio si salvava per una sola lingua e il salvataggio poteva andare in crash su PHP 8. L'impostazione dell'opacità dello sfondo non ha mai funzionato davvero nel layout a barra classica, perché un valore CSS opacity: 80 viene riportato alla piena opacità. Il consenso veniva ricordato in minuti, con 60 come valore predefinito, quindi la domanda tornava praticamente a ogni visita. Il cookie di consenso si chiamava show_cookie_message, un nome usato anche da altri moduli: il consenso passava così da un modulo all'altro. E un'opzione "solo home page" poteva nascondere l'avviso a chiunque arrivasse su una scheda prodotto o su un risultato di ricerca, vanificando l'intero scopo.

L'aggiornamento dalla 3.x conserva le impostazioni e ripulisce il resto

Posizione, colori e messaggi vengono mantenuti. Le posizioni dismesse sono ricondotte ai rispettivi equivalenti della v4 — i popup centrati verticalmente diventano la scheda centrata, "Bottom Traditional" diventa la barra in basso — e l'oscuramento della pagina presente in entrambi i layout 3.x viene preservato. La durata del consenso viene convertita da minuti a giorni, così una risposta non viene più dimenticata nel giro di un'ora. I vecchi file Noty e jQuery vengono rimossi dal disco.

Una conseguenza da dichiarare apertamente: il cookie di consenso ha cambiato nome, quindi i visitatori che avevano già chiuso l'avviso in 3.x lo rivedranno una volta dopo l'aggiornamento. La loro risposta successiva verrà poi ricordata sotto il nuovo nome.

La versione 4.0.1 ha corretto un difetto di aggiornamento che merita di essere nominato senza mezzi termini: nella 4.0.0 il passaggio legava il proprio esito al fatto che una catena di chiamate registerHook() restituisse true, perciò un errore momentaneo — o un hook già registrato da un tentativo precedente incompleto — segnava l'intero passaggio come fallito e PrestaShop disattivava il modulo. Ora gli hook vengono registrati in modo idempotente e il passaggio riporta sempre esito positivo.

Compatibilità

PrestaShop 1.7, 8 e 9, in otto lingue: francese, inglese, italiano, olandese, polacco, spagnolo, tedesco e turco. L'avviso viene visualizzato tramite l'hook standard displayBeforeBodyClosingTag e un tema può collocarlo dove preferisce con {widget name='eucookie'}. Usa un ordine di sovrapposizione elevato (z-index: 1056); con un tema il cui menu abbia uno z-index insolitamente alto può essere necessario alzarlo. La disinstallazione rimuove l'avviso, i suoi messaggi e tutti i dati del modulo: non resta nulla, e i cookie dei visitatori scadono da soli.

Domande frequenti

Questo modulo blocca i cookie da solo?

No, e onestamente nessun modulo può farlo senza conoscere i tuoi script. Mostra l'avviso richiesto, registra la risposta e la espone come cookie, variabile globale ed evento DOM. I tuoi script di analisi e di pubblicità verificano quel valore — una riga — e si avviano oppure restano spenti di conseguenza.

Dove può comparire l'avviso?

Nove posizioni: una barra a tutta larghezza in alto o in basso, una scheda flottante in uno dei sei angoli, oppure una scheda centrata. La scheda centrata può oscurare la pagina alle sue spalle.

I visitatori possono rifiutare?

Sì, se attivi il pulsante Rifiuta opzionale. Entrambe le risposte fanno sparire l'avviso ed entrambe vengono esposte ai tuoi script, quindi un rifiuto è una decisione su cui puoi agire e non una semplice chiusura che non sapresti distinguere.

Per quanto tempo viene ricordata la risposta?

Per tutti i giorni che imposti. 365 è il valore più comune e le autorità garanti della privacy si aspettano in genere che la domanda venga riproposta almeno ogni 13 mesi. Impostando 0 la domanda torna alla riapertura del browser.

Ho accettato l'avviso e ora non riesco più a vederlo per controllare la grafica.

È l'avviso che sta facendo il suo lavoro. Apri il negozio in una finestra di navigazione anonima, oppure elimina il cookie eucookie_consent dagli strumenti per sviluppatori del browser. Anche il pannello Stato attuale nella pagina di configurazione ti dice esattamente cosa stanno vedendo i visitatori.

Carica qualcosa da un server esterno?

No. Zero richieste esterne: un piccolo file CSS e un piccolo file JavaScript serviti dal tuo stesso negozio, caricati solo quando l'avviso serve. La versione 3.x caricava effettivamente jQuery da un CDN; la versione 4 lo ha eliminato.

Ho aggiornato dalla 3.x e l'avviso è ricomparso a tutti.

È previsto, una volta sola. Il cookie di consenso è stato rinominato perché il vecchio nome era condiviso con altri moduli e faceva trapelare il consenso tra loro. La risposta successiva di ciascun visitatore viene ricordata normalmente.

Posso usare un testo mio per ogni lingua?

Sì: un messaggio per ogni lingua del negozio, scritto con l'editor di testo avanzato standard. L'avviso compare solo se il messaggio di quella lingua non è vuoto.