buzzoole code Guadagnando con internet: Cookie Law: come installare il banner per l'accettazione dei cookies su Blogger

domenica 7 giugno 2015

Cookie Law: come installare il banner per l'accettazione dei cookies su Blogger

Come molti di voi sapranno, il 2 giugno è entrata in vigore la nuova normativa sulla privacy per quanto riguarda i siti web che fanno uso di cookies sia tecnici che di profilazione. Una normativa che in buona sostanza obbliga tutti gli autori ed editori di informare preventivamente gli utenti che accedono per la prima volta sul vostro sito web o sul vostro blog personale se accettare o meno che i loro dati personali vengano elaborati da terze parti a scopo statistico o pubblicitario, a tutela della loro privacy. In questo post propongo una guida semplice per installare il banner per l'accettazione dei cookies su Blogger e come scrivere l'informativa estesa riguardo la vostra cookie policy.



C'è da dire innanzi tutto che fino ad oggi la normativa è tutt'altro che chiara e purtroppo si presta a una serie di interpretazioni, spesso contraddittorie, che nemmeno il Garante della Privacy è riuscito a chiarire. Sta di fatto che si tratta di una legge a tutti gli effetti e che come tale espone il mondo del web, e quindi anche noi piccoli blogger di periferia, ad una serie di sanzioni (anche molto onerose) che al momento però il Garante ha assicurato di essere sospese (anche perchè vige ancora una gran confuzione sul da farsi).
La sottoscritta si è trovata in grande difficoltà come il 99,9% dei bloggers amatoriali in circolazione sul web, ma facendo un pò di ricerche su internet e seguendo i vari aggiornamenti sulla normativa attraverso il sito del Garante della Privacy, è riuscita a venirne a capo, non tanto sul campo prettamente giuridico, ma almeno in quello tecnico, per muovere i primi passi e mettersi un pò al passo con la normativa vigente.

Chiariamo intanto alcuni punti fondamentali:

1. l'informativa sulla privacy, così come il banner con l'informativa breve che informa l'utente sull'uso preventivo di cookies sul proprio sito, va inserita anche se non si hanno cookies di profilazione (tipo Adsense, eADV, banner pubblicitari, etc.) ma solo cookies tecnici (Analytics -anonimizzato-, etc.).

2. oltre al banner (da inserire ben in vista in Homepage e in tutte le pagine del vostro sito) va inserito un link che rimanda all'informativa estesa, in modo che l'utente possa essere informato in maniera esaustiva di tutti i cookies presenti sul vostro sito e sul trattamento dei suoi dati personali ad essi correlati, prima di accettare o meno l'utilizzo di quest'ultimi durante la navigazione.

Detta così sembra semplice, ma in realtà su alcuni punti esistono ancora molti dubbi, soprattutto sul fatto di bloccare i cookies preventivamente oppure no.
Io sono la persona meno adatta a chiarire questi dettagli tecnici così importanti, pertanto in questa mia guida mi limiterò a informarvi su come muovere i primi passi con il vostro sito personale.

Innanzi tutto partiamo da come installare il banner per l'accettazione dei cookies su Blogger.
Da parte sua la piattaforma Blogger è venuta incontro ai suoi autori con un banner semplicissimo sulla barra di navigazione che rimanda però solo all'informativa estesa dei servizi Google.
Basta andare su Bacheca di Blogger - Layout - Navbar - Modifica e scegliere Blu.
Se però sul vostro blog sono installati altri cookies di profilazione come ad esempio banner pubblicitari di terze parti, pulsanti social (facebook, pinterest, etc.), etc. occorre implementare un banner ben visibile su tutte le pagine che informi l'utente sulla presenza di quest'ultimi e che rimandi all'informativa estesa come accennato prima.

Create quindi la vostra informativa estesa su una pagina del vostro blog.

1. Bacheca di Blogger - Pagine - Nuova pagina
2. Scrivete la vostra informativa estesa usando come titolo "Cookie policy" o come volete. Se volete potete prendere spunto dalla mia informativa che trovate qui. Ovviamente va messo il link del vostro blog (al posto del mio) e l'elenco dei siti a cui siete affiliati con le rispettive cookie policy e privacy policy (trovate i link nei rispettivi siti). Salvate la pagina.
3. Poichè il link alla normativa dev'essere presente anche nella Homepage di ogni sito, vi consiglio di inserirla in questo modo: Layout - Aggiungi un Gadget - Pagine - Selezionate la Cookie Policy appena creata - Salva
4. Posizionate il gadget in fondo alla vostra homepage o dove preferite

Come installare il banner per l'accettazione dei cookies su Blogger
In questo caso occorre intervenire sul codice html del vostro blog (ricordate di salvare preventivamente il vostro template attuale).

1. Bacheca di Blogger - Modello - Modifica Modello
2. Cercate la riga </body> e subito sopra incollate questo codice html

  <!-- Accettazione Cookie - Inizio --><div id='banner_cookie'>
Questo sito utilizza cookie tecnici propri e dei cookie di profilazione di terze parti.
<br/>
Se continui nella navigazione accetti il loro uso. <a href='javascript:void(0);' onclick='var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie(&apos;info_cookie&apos;,&apos;1&apos;,expiration,&apos;/&apos;);document.getElementById(&apos;banner_cookie&apos;).style.display=&apos;none&apos;;'><b>OK</b></a> | Per <a href='http://guadagnandoconinternet-luckystar74.blogspot.it/p/blog-page.html' target='_blank'>+Info</a> sui cookie.
</div>
<!-- Stile del Banner -->
<style>
#banner_cookie {
display: none;
z-index: 99999;
position:fixed;
left:0px;
right:0px;
bottom:0px;width:100%;
min-height:40px;
padding:5px;
background: #ffffff; /* Colore di sfondo */
color:#000;  /* Colore del testo */
line-height:20px;  /* Interlinea */
font-family:Courier;  /* Famiglia di font */
font-size:14px; /* Dimensione font */
text-align:center;
}
#banner_cookie a:nth-child(2),#banner_cookie a:nth-child(3),#banner_cookie a:nth-child(4) {
padding:2px;
background:#ff5000; /* Colore sfondo bottoni */
 border-radius:4px;   /* Arrotondamento */
text-decoration:none;
}
#banner_cookie a {
color: #000; /* Colore testo bottoni */
font-weight:bold;  /* Grassetto */
 text-decoration: none;
}
#banner_cookie a:hover {
color:#FFF; /* Colore testo bottoni passaggio cursore */
}
#banner_cookie a:nth-child(2):hover,#banner_cookie a:nth-child(3):hover,#banner_cookie a:nth-child(4):hover {
position: relative;
top:1px; /* Spostamento di 1 pixel al passaggio del mouse */
left:1px;
}
</style>
<!-- Script dei cookie -->
<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+&quot;=&quot;+escape(value)+((expires==null)?&quot;&quot;:&quot;; expires=&quot;+expires.toGMTString())+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+((secure==null)?&quot;&quot;:&quot;; secure&quot;)}function getCookie(name){var cname=name+&quot;=&quot;;var dc=document.cookie;if(dc.length&gt;0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(&quot;;&quot;,begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+&quot;=&quot;+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+&quot;; expires=Thu, 01-Jan-70 00:00:01 GMT&quot;}}</script>
<!-- Gestione barra dei cookie -->
<script type='text/javascript'>
var ckeck_cookie = getCookie(&quot;info_cookie&quot;);
if (ckeck_cookie != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie(&quot;info_cookie&quot;,&quot;1&quot;,expiration);
document.getElementById(&quot;banner_cookie&quot;).style.display=&quot;block&quot;; }
</script>
<!-- Accettazione Cookie - Fine -->


3. Sostituite il link in rosso con il link della pagina in cui avete scritto la vostra informativa estesa
4. Questa barra dei cookie è predisposta per essere visualizzata sulla parte inferiore della vostra homepage. Se avete dimestichezza con il codice html potete personalizzarla a piacimento, cambiando colori, caratteri e dimensioni, altrimenti lasciate tutto com'è. Cliccate su Anteprima Modello per controllare che la barra sia visualizzata.
5. Salvate il modello e visualizzate il blog (con finestra anonima).

Avete realizzato così il vostro banner e la vostra cookie policy, in attesa di ulteriori sviluppi e direttive più esaustive da parte del Garante della Privacy.

Questa guida non ha la presunzione di essere esatta nè di essere perfetta. E' stata concepita principalmente per tutti coloro che hanno un blog solo per divertimento e che, terrorizzati dalle ultime notizie messe in giro sul web, si sentono costretti a chiudere i loro siti solo perchè non sanno come affrontare il problema o semplicemente come modificare alcuni dettagli tecnici.
Sono ben accetti suggerimenti ed eventuali correzioni. Grazie.

*Ringrazio Ernesto Tirinnanzi e il suo sito web Idee per Computer ed Internet per l'ottima guida a cui mi sono ispirata.


Nessun commento:

Posta un commento

Related Posts Plugin for WordPress, Blogger...