Check the new version here

Popular channels

Como no cargar las cookies de analytics



A raíz de un articulo de Pablo Burgueño donde informaba sobre la notificación de un proceso sancionador a una empresa por no cumplir la Ley de Cookies, y como es un tema que desde hace tiempo me lleva preocupando por que nadie lo tiene claro, me puse a investigar como cumplirla.


Por lo que se ha podido averiguar , aquí en España se ha rizado el rizo, cuando la Ley Europea solo obliga a informar, aquí se obliga a no cargar absolutamente ninguna cookies, se debe pedir el consentimiento explicito del usuario antes de cargarlas.


Para ello debemos descargarnos estos ficheros con los dos plugins de jQuery necesarios. Una vez descargados, debéis editar jquery.cookiecuttr.js y donde pone AQUI LA URL DE TU PAGINA DE POLITICA DE PRIVACIDAD le insertáis la url completa de esa pagina en vuestros sitio. Guardáis los cambios y subís ambos ficheros a vuestro alojamiento. Ahora solo deberéis incluir en vuestro footer o plantilla lo siguiente (deberás modificar lo que esta en negrita):

Código:

<script src="URL ALOJAMIENTO/jquery.cookie.js"></script>
<script src="URL ALOJAMIENTO/jquery.cookiecuttr.js"></script>


<script>

$(document).ready(function () {
// activate cookie cutter
$.cookieCuttr({
cookieDeclineButton: true,
cookieAnalyticsMessage: "(NOMBRE DEL SITIO) solicita su permiso para obtener datos estadísticos anónimos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. "
});
});

if (jQuery.cookie('cc_cookie_accept') == "cc_cookie_accept") {
AQUI CODIGO DE ANALYTICS QUE TE PROPORCIONA GOOGLE
}

</script>

Esto evita la carga de las cookies de Analytics y hace aparecer una barra superior donde se pide el consentimiento expreso del usuario para su carga.


Este es  el CSS necesario para darle formato al aviso:

Código:

.cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}
Esto puede seguir de guía para evitar otras cargas de cookies como las de Adsense por ejemplo. La implantación de este sistema hace que los usuarios, que en su mayoría desconocen el tema cookies pulse NO y tus datos analíticos sufran una brutal caída, así que o te arriesgas a una sanción o te quedas sin medir. Asimismo si el usuario pulsa NO, se carga una cookie por parte del plugin para recordar la elección del usuario, no toma ningún otro dato.

Gracias y reconocimientos al Autor: Carlos Pizcos . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarlo en Google Plus y Twitter .
0
0
0
0No comments yet