Come mettersi in regola con la nuova legge sui Cookie!

Ciao ragazze, scrivo questo post perché come voi sono impazzita alla ricerca di un modo per risolvere il problema della nuova legge sui cookie.
E visto che in diverse mi state scrivendo, ecco questo articolo che non è frutto del mio ingegno ma di Ernesto (trovate il link al suo articolo alla fine dell'articolo).
In pratica dal 2 giugno sarà obbligatorio informare chi visita il nostro sito della presenza dei cookie.
I siti che non ottempereranno a queste disposizioni a partire dal 2 Giungo 2015 sono passibili di multe tra 10.000 e 120.0000 euro.
I cookie sono dei file di testo che vengono inviati da un sito a un browser o a un dispositivo e che vengono poi richiamati in una visita successiva per facilitare la navigazione.
C'è una differenza sostanziale tra cookie tecnici e cookie di profilazione.
I cookie tecnici servono per facilitare accesso e navigazione dell'utente. (es mail e password quando si entra su facebook)
I cookie di profilazione servono invece a tracciare la navigazione dell'utente, per monitorarne gli interessi e le preferenze e per scoprire i suoi gusti in modo da mostrargli degli annunci pubblicitari più pertinenti quando tornerà sul sito o quando visiterà altre pagine web. (facebook, twitter, ecc...)
Come mettersi in regola?
Andate in Modello, Modifica HTML e cercate
Subito dopo incollate questo testo:

<script type='text/javascript'>
//<![CDATA[
(function(window) {
if (!!window.cookieChoices) {
   return window.cookieChoices;
}
var document = window.document;
var supportsTextContent = 'textContent' in document.body;
var cookieChoices = (function() {
   var cookieName = 'displayCookieConsent';
   var cookieConsentId = 'cookieChoiceInfo';
   var dismissLinkId = 'cookieChoiceDismiss';
   function _createHeaderElement(cookieText, dismissText, linkText, linkHref) {
   var butterBarStyles = 'position:fixed;width:100%;background-color:#eee;' +
   'margin:0; left:0; top:0;padding:4px;z-index:1000;text-align:center;';
   var cookieConsentElement = document.createElement('div');
   cookieConsentElement.id = cookieConsentId;
   cookieConsentElement.style.cssText = butterBarStyles;
   cookieConsentElement.appendChild(_createConsentText(cookieText));
   if (!!linkText & !!linkHref) {
   cookieConsentElement.appendChild(_createInformationLink(linkText, linkHref));
   }
   cookieConsentElement.appendChild(_createDismissLink(dismissText));
   return cookieConsentElement;
   }
   function _createDialogElement(cookieText, dismissText, linkText, linkHref) {
   var glassStyle = 'position:fixed;width:100%;height:100%;z-index:999;' +
   'top:0;left:0;opacity:0.5;filter:alpha(opacity=50);' +
   'background-color:#ccc;';
   var dialogStyle = 'z-index:1000;position:fixed;left:50%;top:50%';
   var contentStyle = 'position:relative;left:-50%;margin-top:-25%;' +
   'background-color:#fff;padding:20px;box-shadow:4px 4px 25px #888;';
   var cookieConsentElement = document.createElement('div');
   cookieConsentElement.id = cookieConsentId;
   var glassPanel = document.createElement('div');
   glassPanel.style.cssText = glassStyle;
   var content = document.createElement('div');
   content.style.cssText = contentStyle;
   var dialog = document.createElement('div');
   dialog.style.cssText = dialogStyle;
   var dismissLink = _createDismissLink(dismissText);
   dismissLink.style.display = 'block';
   dismissLink.style.textAlign = 'right';
   dismissLink.style.marginTop = '8px';
   content.appendChild(_createConsentText(cookieText));
   if (!!linkText & !!linkHref) {
   content.appendChild(_createInformationLink(linkText, linkHref));
   }
   content.appendChild(dismissLink);
   dialog.appendChild(content);
   cookieConsentElement.appendChild(glassPanel);
   cookieConsentElement.appendChild(dialog);
   return cookieConsentElement;
   }
   function _setElementText(element, text) {
   if (supportsTextContent) {
   element.textContent = text;
   } else {
   element.innerText = text;
   }
   }
   function _createConsentText(cookieText) {
   var consentText = document.createElement('span');
   _setElementText(consentText, cookieText);
   return consentText;
   }
   function _createDismissLink(dismissText) {
   var dismissLink = document.createElement('a');
   _setElementText(dismissLink, dismissText);
   dismissLink.id = dismissLinkId;
   dismissLink.href = '#';
   dismissLink.style.marginLeft = '24px';
   return dismissLink;
   }
   function _createInformationLink(linkText, linkHref) {
   var infoLink = document.createElement('a');
   _setElementText(infoLink, linkText);
   infoLink.href = linkHref;
   infoLink.target = '_blank';
   infoLink.style.marginLeft = '8px';
   return infoLink;
   }
   function _dismissLinkClick() {
   _saveUserPreference();
   _removeCookieConsent();
   return false;
   }
   function _showCookieConsent(cookieText, dismissText, linkText, linkHref, isDialog) {
   if (_shouldDisplayConsent()) {
   _removeCookieConsent();
   var consentElement = (isDialog) ?
   _createDialogElement(cookieText, dismissText, linkText, linkHref) :
   _createHeaderElement(cookieText, dismissText, linkText, linkHref);
   var fragment = document.createDocumentFragment();
   fragment.appendChild(consentElement);
   document.body.appendChild(fragment.cloneNode(true));
   document.getElementById(dismissLinkId).onclick = _dismissLinkClick;
   }
   }
   function showCookieConsentBar(cookieText, dismissText, linkText, linkHref) {
   _showCookieConsent(cookieText, dismissText, linkText, linkHref, false);
   }
   function showCookieConsentDialog(cookieText, dismissText, linkText, linkHref) {
   _showCookieConsent(cookieText, dismissText, linkText, linkHref, true);
   }
   function _removeCookieConsent() {
   var cookieChoiceElement = document.getElementById(cookieConsentId);
   if (cookieChoiceElement != null) {
   cookieChoiceElement.parentNode.removeChild(cookieChoiceElement);
   }
   }
   function _saveUserPreference() {
// Durata del cookie di un anno
   var expiryDate = new Date();
   expiryDate.setFullYear(expiryDate.getFullYear() + 1);
   document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
   }
   function _shouldDisplayConsent() {
   // Per mostrare il banner solo in mancanza del cookie
   return !document.cookie.match(new RegExp(cookieName + '=([^;]+)'));
   }
   var exports = {};
   exports.showCookieConsentBar = showCookieConsentBar;
   exports.showCookieConsentDialog = showCookieConsentDialog;
   return exports;
})();
window.cookieChoices = cookieChoices;
return cookieChoices;
})(this);
document.addEventListener('DOMContentLoaded', function(event) {
   cookieChoices.showCookieConsentBar('Questosito utilizza i cookie per migliorare servizi ed esperienza dei lettori. Se decidi di continuare la navigazione consideriamo che accetti il loro uso.',
   'OK', 'Più Info', 'http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html');
});
//]]>
</script>

Al posto di http://www.ideepercomputeredinternet.com/p/politica-dei-cookie.html create una vostra pagina come QUESTA (potete copiarla) e inserite il link nel modello html.
Finito! Ora potete dormire sonni tranquilli :)
Questa è la versione breve del lavoro fatto da Ernesto di Ideepercomputeredinternet, come avrete notato dal codice Html che ovviamente non ho toccato perché è di sua proprietà.
Se volete informarvi ancora di più vi invito a leggere l'articolo completo QUI dove potrete sicuramente trovare spiegazioni aggiuntive.
Spero di esservi stata di aiuto!
Per domande o altro scrivetemi pure :)
Alla prossima,
Barbara