SOS adeguamento alla Normativa Cookie Italiana

Come ben saprai da mille rumors sul web il 2 giugno 2015 scade il termine per l’adeguamento alla Normativa Italiana sui Cookie.

La Normativa Italiana prevede il blocco preventivo dei cookies, non mi sto a dilungare sulle descrizioni, sulla legge e sulle sanzioni (da 6.000€ a 120.000€) perchè puoi leggere di cosa si tratta nel dettaglio qui:

• Normativa sui Cookie – Sito Web ufficiale Garante Privacy
• Banner di Avviso dei Cookie di Profilazione – Sito Web ufficiale Garante Privacy
• Faq in materia di Cookie – Sito Web ufficiale Garante Privacy

Non bastando la classica cookie bar che avvisa gli utenti dell’utilizzo dei cookie e se sei in cerca di soluzioni pratiche e veloci per correre ai ripari e metterti in regola posso fornirtene una che sto attuando e che attuerò in questi giorni su alcuni siti.

Come capire quali e quanti Cookies genera il tuo sito web?

In linea di massima i Cookies vengono generati dalle:

• Sessioni
• Analitiche/Statistiche: ad esempio Google Analytics. Sono .
• Google Font. Sono .
• Video di Youtube, Vimeo, ecc. Di solito sono .
• Mappe integrate nel sito come Google Maps. Di solito sono .
• Plugin Social di condivisione. Attenzione! Non i semplici link ai profili o pagine Social, ma i sistemi di condivisione e box con ad esempio gli ultimi Tweet, la Fanpage Facebook (quella con le faccine per capirci), il Box di Google Plus, le “fotine” di Instagram ecc. Possono essere sia che .

Soluzione pratica e veloce per capire quali e quanti Cookies genera il tuo sito web.

Installa sul tuo Browser “Web Developer”, un’estensione / add-on che rileva quali e quanti Cookie genera ogni pagina del sito web.

Dove le trovi Web Developer Extension / Add-on?

Qui:

• Per Google Chrome la trovi sul Webstore
• Per Firefox la trovi nella sezione Addons

Come si usa Web Developer Extension / Add-on?

Su Chrome:

Nel tuo browser si installerà una rotellina che sembra un ingranaggio. Cliccaci sopra e compariranno una serie di funzionalità. Clicca su Cookies e si aprirà un sottomenu nel quale selezionare “View Cookie Information”.

Chrome Cookie View Information

Su Firefox:

Sul tuo browser si installerà una barra con una serie di funzionalità. Clicca su Cookies e si aprirà un sottomenu nel quale selezionare “View Cookie Information”.

Firefox Cookie View Information

Fin qui ci siamo? Perfetto! Ma non è finita.

Ma in pratica, cosa serve per l’adeguamento alla Normativa Cookie?

TESTO PRIVACY & COOKIES POLICY

• generato con Iubenda;
• scritto da un avvocato, un legale o chiunque si occupi di Privacy e regolamentazione sui siti Web.

SE USI IUBENDA: in linea di massima vale PER TUTTE LE TIPOLOGIE DI SITI (compresi i CMS WordPress, Joomla & Co.)

Per inserire la Privacy e Cookies Policy segui le istruzioni inviate da Iubenda, ma comunque di base:

• nella head inserisci codice per l’embed della Privacy & Cookie Policy

funzione per l'embed della Privacy Policy di Iubenda

<!-- END Script embed Privacy Policy Iubenda -->
<!-- BEGIN Banner Top Cookies Policy Iubenda -->

 funzione del banner per la Cookies Policy di Iubenda
 
<!-- END Banner Top Cookies Policy Iubenda -->

• nel footer invece metti il codice del link relativo alla Privacy Policy generata

<!-- BEGIN Link Privacy Policy Footer Iubenda -->
<a href="//www.iubenda.com/privacy-policy/XXX" class="iubenda-embed" title="Privacy Policy">Privacy Policy</a>
<!-- END Link Privacy Policy Footer Iubenda -->

SE NON USI IUBENDA: in linea di massima vale PER TUTTE LE TIPOLOGIE DI SITI (compresi i CMS WordPress, Joomla & Co.)

Puoi generare una Cookie Policy in Inglese e poi tradurla in Italiano sul sito: Cookie Policy Generator

BLOCCO PREVENTIVO COOKIES

Qui viene il bello. Come si fa il blocco preventivo sui Cookies?

SE USI IUBENDA: in linea di massima vale PER TUTTE LE TIPOLOGIE DI SITI (compresi i CMS WordPress, Joomla & Co.)

Negli script o negli iframe:

• inserisci la classe class=”_iub_cs_activate” o  class=”_iub_cs_activate-inline” a seconda delle tipologie
• modifica il type da type=”text/javascript” a type=”text/plain”

ATTENZIONE: Edit 02/06/2015

Iubenda ha creato un Plugin per WordPress che automatizza il blocco dei codici. Di seguito i link per scaricare il plugin e la guida per come utilizzarlo:

• Plugin WordPress Iubenda
• Come utilizzare il plugin WordPress di iubenda per automatizzare il blocco codici

Se utilizzi Iubenda con un sito multilingua creato con il Plugin Ceceppa Multilingua [Edit 19/06/2015]

Se hai un sito multilingua e non utilizzi WPML ma Ceceppa Multilingua di Alessandro Senese – Ceceppa Multilingua Developer, che mi ha aiutato nell’integrazione inviandomi il codice corretto, la procedura corretta è la seguente.

Inserisci il seguente codice dello script per la Privacy Policy nel plugin di Iubenda

<!-- Script Privacy Policy Iubenda -->
(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "//cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);
<!-- FINE Script Privacy Policy Iubenda -->

Inserisci il seguente codice dello script per generare il Banner dei Cookie di Iubenda nella header dopo <?php wp_head(); ?>

Nota: è stata inserita l’immagine in quanto viene eliminato il codice PHP se inserito nel testo.

Per far cambiare anche la visualizzazione del link alla Privacy Policy nella lingua desiderata, nel footer puoi o inserire nei widget il link relativo a ogni lingua della Privacy Policy e filtrarli per lingua oppure puoi scrivere il seguente codice:

<!-- Link Privacy Policy Iubenda integrazione con Cepeppa Multilingua -->
 <?php
 $privacyPolicyIdNumber = array(
 'it' => 'XXX',
 'en' => 'YYY',
 );
 ?>
 <a href="//www.iubenda.com/privacy-policy/<?php echo $privacyPolicyIdNumber[ CMLLanguage::get_current_slug() ] ?>" class="iubenda-white iubenda-embed" title="Privacy Policy">Privacy Policy</a>

Dove al posto di XXX eYYY inserirai gli id delle Cookie Policy che trovi nel codice del Banner nella lingua desiderata, mentre al posto di ZZZ inserirai l’id del sito, che è univoco [es. http://www.miosito.it avrà siteId numero 000000].

[End Edit 19/06/2015]

SE NON USI IUBENDA o vuoi evitare di correggere a mano tutti gli script ti consiglio

• PER LE TIPOLOGIE DI SITI WORDPRESS: 
  • Dynamic Cookie Blocker – plugin a pagamento 
  • Oppure la combo free perfettamente funzionante:
    • Third Party Cookie Eraser per il blocco dei Cookie (Attenzione: richiede PHP 5.3 o superiori)
    • Italy Cookie Choices per generare il banner e associare i cookie da bloccare con Third Party Cookie Eraser
    • Google Analyticator: per utilizzare Analytics e anonimizzare gli IP lato amministrazione di WordPress.
• PER LE TIPOLOGIE DI SITI JOOMLA:
  • EU e-Privacy Directive
• PER LE ALTRE TIPOLOGIE DI SITI:
  • Cookiebot
  • Funzioni e codici di blocco script sul sito web di Mr.Webmaster
• PER ALTERVISTA:
  

  Attivare la #cookie policy sul tuo blog Altervista è semplice -> Menu: Impostazioni: Cookie policy. Gratis. pic.twitter.com/GftDU6EvR6

  — Altervista (@AlterVista) 3 Giugno 2015

• PER I BLOG WORDPRESS.COM: se hai un blog su WordPress.com come questo pillolediweb.wordpress.com puoi attivare il widget EU COOKIE LAW in Amministrazione WordPress > Aspetto > Widget e aggiungerlo alla Sidebar. In questo modo comparirà un banner in fondo al sito personalizzabile nel testo, link e nella versione chiara o scura. Qui sotto le schermate.

E se proprio non sai che fare, mangiaci su 😉

* Edit 01/06/2015

* Edit 02/06/2015

* Edit 03/06/2015

* Edit 24/11/2015

Cookies – Fonte immagine http://www.impariamoamangiare.com