Visto i numerosi post sull'argomento "blocco dei cookies", questo plugin è uno tra i tanti che può essere utilizzato per condizionare lo script, per esempio, di Google Analytics.
I cookies di Analytics verranno salvati sul dispositivo solo se l'utente avrà dato il consenso cliccando sul link/pulsante di accettazione nel banner informativo.
Dal sito ufficiale si scarica il file jquery.cookiebar.zip:
http://www.primebox.co.uk/projects/jquery-cookiebar/Per le versioni di WS che hanno la libreria jQuery già caricata (dalla versione 9 compresa in poi) dobbiamo solo allegare al codice i seguenti file presenti nello zip:
- jquery.cookiebar.css
- jquery.cookiebar.js
Se la nostra versione è inferiore alla 9 dovremo allegare al codice anche la libreria jQuery, che possiamo scaricare anche da
QUIQuando alleghiamo i files al codice (consultare la guida della propria versione),
non spuntiamo (dove presente) l'opzione "Collega il file (solo per file .js e .css)"
Prima della chiusura del tag HEAD (consultare la guida della propria versione per individuare il campo corrispondente più appropriato) incolliamo questo codice (in rosso da personalizzare):
<link rel="stylesheet" type="text/css" href="files/jquery.cookiebar.css" />
<script type="text/javascript" src="files/jquery.cookiebar.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.cookieBar({
message: 'Questo sito utilizza cookies, anche di terze parti. <br /> Cliccando su OK o proseguendo la navigazione in altra maniera, acconsenti all\'uso dei cookies.',
acceptText: 'OK',
policyButton: true,
policyText: 'Leggi l\'informativa',
policyURL: 'privacy.html'
// qui possiamo inserire altre modifiche alle varie opzioni di default commentate nel file jquery.cookiebar.js
});
});
if(jQuery.cookieBar('cookies')){
// qui sotto in blu il codice di Google Universal Analytics con la funzione di anonimizzazione IP
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
}
</script>
Chi ha la versione 8, come già detto, dovrà inserire come prima riga questo codice:
<script type="text/javascript" src='files/jquery.js'></script>
Qui come si visualizzerà il banner:
[ Guests cannot view attachments ]
Ovviamente possiamo personalizzarlo graficamente modificando i CSS.
Grazie a stesil per la collaborazione.
