Inserire il banner per il consenso all’uso dei cookie

16 ottobre 2014 Teresa nessun commento

Vi ricordate l’articolo “Il banner per il consenso all’uso dei cookie” ? Ci eravamo lasciati con la promessa che vi avrei indicato un modo semplice e veloce per inserire, il banner per il consenso all’uso dei cookie, nel vostro sito. Bene, vediamo quindi come fare.

Google, che era il principale interessato alla nuova direttiva Europea, aveva avuto 18 mesi di tempo per adeguare i propri siti. Ovviamente Google, di tempo ne ha impiegato molto meno e in più, ha messo a disposizione dei webmaster due strumenti per aiutarli ad adeguare i loro siti in maniera semplice e veloce. La prima soluzione, prevede una “finestra” (MessageBox) che appare al visitatore prima di lasciare spazio alle pagine del sito web. La seconda soluzione invece, sovrappone un banner in basso o in alto nelle pagine in cui viene inserito lo script. In entrambe le soluzioni quando il visitatore clicca sul pulsante “Accetta” o “Chiudi” (possiamo scegliere liberamente il testo del pulsante), verrà generato un cookie dalla durata di 12 mesi permettendo al visitatore per un anno di non dover chiudere nuovamente il banner o la finestra.

Per prima cosa, dovete creare sul vostro sito una pagina dedicata alla cookie policy. Potete prendere spunto da qui

Quindi se scegliete la prima soluzione e cioè visualizzare una finestra col messaggio, bisogna inserire il seguente codice all’interno del tag <body> delle pagine del vostro sito


<script src="/cookiechoices.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {  
  cookieChoices.showCookieConsentDialog('Il tuo messaggio per i visitatori.',   
  'Chiudi', 'Maggiori Informazioni',  
   'http://indirizzo_pagina_cookie_policy');
   });
</script>

Copiate infine sul server, nella cartella principale del vostro sito il file cookiechoices.js (vi riporto di seguito il link dove scaricarlo) e assicuratevi che il percorso coincida con quello inserito nella prima riga del codice indicato sopra. Modificare inoltre l’indirizzo ‘http://indirizzo_pagina_cookie_policy’ inserendo l’indirizzo della pagina dedicata alla cookie policy che avete creato in precedenza.

Scarica cookiechoices.zip

Se scegliete la soluzione del banner, il codice da inserire nelle pagine del vostro sito, all’interno della sezione <body> è quello riportato di seguito.


<script src="/cookiechoices.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
  cookieChoices.showCookieConsentBar('Il tuo messaggio per i visitarori.',
  'Chiudi', 'Maggiori Informazioni',
   'http://indirizzo_pagina_cookie_policy');
  });
</script>

Anche in questo caso, bisogna caricare sul server il file cookiechoices.js e inserire l’indirizzo corretto della vostra pagina dedicata all’uso dei cookie.

Scarica cookiechoices.zip

Non vi resta che personalizzare il messaggio da visualizzare per i vostri visitatori che potrebbe essere del tipo:

Questo sito utilizza i cookie per migliorare servizi e esperienza dei lettori.

Se decidi di continuare la navigazione consideriamo che accetti il loro uso.

Per il momento è tutto, ma torneremo ancora sull’argomento per vedere come personalizzare i colori, i pulsanti e adeguare al meglio il banner o la finestra allo stile del sito. A presto…