La nuova normativa sulla privacy indica che gli utenti vengano informati dell’utilizzo dei cookies quando si visita un sito che li utilizza, con la possibilità di accettare le regole della gestione dei cookies del sito stesso o eventualmente di abbandonarlo.
Sicuramente siete incappati in diversi siti ormai che visualizzano una sorta di banner o in cima alla pagina o in fondo alla pagina indicando appunto l’utilizzo dei cookies.
Ma cosa sono i cookies e a cosa servono??
Riporto la loro definizione da wikipedia:
“I cookie HTTP (più comunemente denominati cookie web, o per antonomasia cookie)[1] sono un tipo particolare di magic cookie, una sorta di gettone identificativo, usato dai server web per poter riconoscere i browser durante comunicazioni con il protocollo HTTP usato per la navigazione web.
Tale riconoscimento permette di realizzare meccanismi di autenticazione, usati ad esempio per i login; di memorizzare dati utili alla sessione di navigazione, come le preferenze sull’aspetto grafico o linguistico del sito; di associare dati memorizzati dal server, ad esempio il contenuto del carrello di un negozio elettronico; di tracciare la navigazione dell’utente, ad esempio per fini statistici o pubblicitari.”
“I cookie, e in particolare i cookie di terza parte, sono comunemente usati per memorizzare le ricerche di navigazione degli utenti; questi dati sensibili, possono essere una potenziale minaccia alla privacy degli utenti; proprio questo ha indotto le autorità europee[3] e degli Stati Uniti a regolamentarne l’uso mediante una legge nel 2011[4]. Infatti la legislazione europea impone a tutti i siti degli stati membri, di informare gli utenti che il sito utilizza certe tipologie di cookie.”
Comunque, ho trovato su internet le istruzioni javascript per poter inserire all’interno del vostro sito l’avviso dell’utilizzo dei cookie ed eventualmente il link alla pagina che indica le regole di gestione dei vostri cookies.
Ho preferito questa soluzione dato che mi sembra meno invadente rispetto ai “mega” banner visualizzati su molti siti.
di seguito il codice javascript da inserire nella vostra home page:
<!– Codice per accettazione cookie – Inizio –>
//
(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:absolute;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:absolute;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:absolute;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(‘Questo sito utilizza i cookie per migliorare servizi ed esperienza dei lettori. Se decidi di continuare la navigazione consideriamo che accetti il loro uso.’,
‘OK’, ‘+Info’, ‘http://www.garanteprivacy.it/web/guest/home/docweb/-/docweb-display/docweb/3585077‘);
});
//]]>
<!– Codice per accettazione cookie – Fine –>
ciao e a presto
propagazione si fa sempre maggiore.
MY SITE ON WORDPRESS 