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:
<!-- Codice per accettazione cookie - Inizio -->
<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>
<!-- Codice per accettazione cookie - Fine -->
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