lunes, 3 de agosto de 2015

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/

1 comentario:

  1. ¡Hola! Una entrada muy necesaria, veré si sigo los consejos que das en ella.

    ¡Te he nominado a unos premios! http://viajandoentreletras1.blogspot.com/2015/08/premio-dardos-y-ft-3.html

    ¡Nos leemos! :3 (Cadena de Comentarios).
    http://viajandoentreletras1.blogspot.com/

    ResponderEliminar