domingo, 1 de diciembre de 2013

Gadget para cumplir con la ley sobre cookies y política de privacidad en los blogs de Blogger

Para intentar cumplir lo mas posible la nueva ley Española sobre cookies (* ver enlaces sobre esta ley al final del tema ) en nuestro blog en Blogger podemos realizar estas dos acciones:

I) Añadir una pestaña al blog que abra una ventana en la que se informa sobre las cookies ( http://hatteras-blog.blogspot.com.es/p/sobre-cookies.html):con información sobre las políticas de privacidad de Blogger ( https://support.google.com/blogger/answer/141159?hl=es ), lo que dice la wikipedia sobre que son las cookies ( http://es.wikipedia.org/wiki/Cookie_%28inform%C3%A1tica%29 ) , y enlaces que indican como manejar las cookies en diversos navegadores. 

II) Añadir un gadget que nos sirva para cumplir con la ley: para ello, abrir la página de configuración del blog:
- Ir al menú "Diseño",
- Seleccionar "Añadir un Gadget" (da igual donde esté colocado, ya que está puesto en una posición fija en la parte de arriba de la página - luego se puede modificar, como se indica mas abajo su posición)
- Añadir o pulsar en el botón + de "HTML/Javascript"
- Y pegar ( y una vez modificado como se indica mas abajo, guardarlo para que empiece a ser efectivo )  el siguiente código ( sacado de http://foro.ubuntu-guia.com/Nueva-ley-sobre-cookies-y-politica-de-privacidad-en-los-blogs-td4033910.html ) ( no es necesario ponerle un nombre al gadget ) :

<script src="http://j.maxmind.com/app/geoip.js"></script>
<div id="avisoCookie" style="display:none; position:fixed; left:0px; right:0px; top:40px; width:100%; min-height:30px; background:#EFBF18; color:#000000; z-index:99999;">
    <div style="text-align:center; width:100%; position:absolute; padding-left:5px; top:30%;">
        Usamos cookies propias y de terceros. Si continua navegando consideramos que acepta su uso.
        <a href="http://hatteras-blog.blogspot.com.es/p/sobre-cookies.html" target="_blank" style="padding-left:5px;background:#EFBF18; color:#1C4195;">- Más información en la pestaña "Sobre Cookies" -</a>
        <a href="javascript:void(0);" style="margin-left:10px; padding:4px; background:#52B8E4; text-decoration:none; color:#ffffff;" onclick="PonerCookie();"><b>Aceptar Cookies OK</b></a>
    </div>
</div>
<script>
function getCookie(c_name){
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1){
        c_start = c_value.indexOf(c_name + "=");
    }
    if (c_start == -1){
        c_value = null;
    }else{
        c_start = c_value.indexOf("=", c_start) + 1;
        var c_end = c_value.indexOf(";", c_start);
        if (c_end == -1){
            c_end = c_value.length;
        }
        c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
}
function setCookie(c_name,value,exdays){
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}
if(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
    document.getElementById("avisoCookie").style.display="block";
}
function PonerCookie(){
    setCookie('aviso','1',365);
    document.getElementById("avisoCookie").style.display="none";
}
</script>

------------------------------------

Este texto se debe modificar, antes de guardarlo y que este activo, para ponerlo a nuestro gusto, básicamente:

1) Cambiar la dirección "sobre cookies": es la modificación mas importante que hay que hacer necesariamente antes de guardarlo y que sea efectivo.
En la línea:
<a href="http://hatteras-blog.blogspot.com.es/p/sobre-cookies.html"
hay que sustituir la dirección que se corresponde con mi pestaña "sobre cookies" en mi blog, con la dirección que corresponda en tu blog.

2) Cambiar texto de los mensajes:
a) Usamos cookies propias y de terceros. Si continua navegando consideramos que acepta su uso.
b) Más información en la pestaña "Sobre Cookies"
c) Aceptar Cookies OK
se pueden sustituir por textos similares de acuerdo a tus gustos.

3) Cambiar color de fondo y del texto de los mensajes: Cambiando los valores que hay tras los diferentes background:# y color:# se cambian los colores de fondo y del texto en los tres mensajes antes indicados.
Para averiguar los valores de los colores que queremos poner, ver esta página: http://html-color-codes.info/codigos-de-colores-hexadecimales/

4) Cambiar la posición de la barra del gadget:
Si en la línea:
<div id="avisoCookie" style="display:none; position:fixed; left:0px; right:0px; top:40px
cambiamos top por bottom, el gadget en vez de salir en la parte superior de la ventana, saldrá en la parte inferior.

Cambiando los valores anteriores a px podremos modificar la posición del gadget, mas o menos a la izquierda, mas o menos a la derecha y mas o menos hacia arriba o abajo.

-----------------------------------

Una vez hecho todo el gadget, en mi blog aparece como se ve en la siguiente imagen



Si hacemos click sobre el texto Más información en la pestaña "Sobre Cookies" se abre la pestaña "sobre cookies" en la que he puesto información sobre las políticas de privacidad de Blogger, lo que dice la wikipedia sobre que son las cookies y enlaces que indican como manejar las cookies en distintos navegadores.

Si hacemos click sobre el texto Aceptar Cookies OK se cierra el gadget.

Las cookies se cargan automáticamente en cuanto movemos algo la ventana del blog, lo cual es interpretado como que estamos leyéndolo y aceptamos implícitamente las cookies que se puedan cargar.
Si no queremos que se carguen cookies, ni desde este blog, ni desde ninguna otra dirección web tendremos que modificar la configuración de nuestro navegador, como indico en la pestaña "Sobre cookies".
 -----------------------------------------
Algunas direcciones sobre la ley Española de cookies:

Cómo aplicar la Ley de Cookies en tu web
http://www.interdigital.es/blog/articletype/articleview/articleid/220/como-aplicar-la-ley-de-cookies-en-tu-web.aspx

Ley de Cookies: Este sitio web usa cookies
http://www.forinformatica.com/2013/08/ley-de-cookies-este-sitio-web-usa-cookies/

Sanción por instalar cookies de Google Analytics (y otras)
http://www.pabloburgueno.com/2013/08/sancion-por-incumplir-la-ley-de-cookies/

Guía sobre el uso de las cookies
http://www.agpd.es/portalwebAGPD/canaldocumentacion/publicaciones/index-ides-idphp.php

http://www.agpd.es/portalwebAGPD/canaldocumentacion/publicaciones/common/Guias/Guia_Cookies.pdf

Política de Cookies
https://www.confianzaonline.es/politica-de-cookies/

Qué debes saber sobre la nueva ley de cookies
http://www.t2o.es/blog/actualidad/ley-cookies/

Cómo cumplir la Ley de Cookies
http://www.pabloburgueno.com/2012/04/como-cumplir-la-ley-de-cookies/

8 comentarios:

  1. Muchas gracias por el código!

    ResponderEliminar
  2. ¡hola! he seguido los pasos pero no me salta el cuadro de las cookies al abrir el blog. Hace tiempo lo había instalado y no sé cómo desapareció. Por eso estaba ntentando instalarlo de nuevo con tus indicaciones pero me es imposible. ¿Sabrías indicarme que falla? muchas gracias

    ResponderEliminar
  3. ¿ Has leido en la pestaña Cookies del blog la información sobre como manejar las cookies en Firefox, Chrome, etc ?

    ResponderEliminar
  4. So great post, i am looking for this, thanks for sharing.

    ResponderEliminar
  5. me a gustado mucho vuestro blog y me gustaría colaborar con ustedes aportando como he solucionado yo el problema en blogger
    http://youtu.be/kiQjnEupbfg

    ResponderEliminar

A la vez que haces un comentario, por favor da una puntuación al tema: malo, normal, bueno o muy bueno.
Gracias.