Autore Topic: jQuery CookieBar Plugin  (Letto 2038 volte)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
jQuery CookieBar Plugin
« il: 14 Giugno, 2015, 16:55:43 »
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 QUI
Quando 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):

Citazione
<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:

Citazione
<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.