Revista Informática

Aviso emergente para cumplir la ley de cookies en tu sitio web

Publicado el 20 mayo 2013 por Zoomred

La normativa de muchos países obliga a las webs y blogs a pedir permiso al visitante para instalar cookies en su navegador. La petición debe hacerse de forma suficientemente clara y visible, y el consentimiento puede obtenerse de forma expresa o de forma implícita, como ya comenté en el artículo anterior sobre las directivas que regulan el uso de cookies. 
Cookie Control nos proporciona una forma de cumplir con estas regulaciones mediante un aviso emergente en nuestra web que informa al visitante sobre la colocación de cookies y le solicita el permiso correspondiente. Es gratuito aunque tiene también varias opciones de pago con posibilidades de configuración adicionales.
Cookie Control Aviso de Cookies
Yo lo he instalado recientemente, es el mensaje que aparece en la parte inferior izquierda la primera vez que se visita el blog y desaparece al cabo de unos segundos. En visitas posteriores no se muestra porque lo primero que hace es colocar una cookie (empieza bien, ¿verdad? ya poniendo cookies desde el principio) que detecta que se trata del mismo usuario, de modo que sólo le aparecerá de nuevo si éste realiza un borrado de cookies. En todo caso se puede ver en cualquier momento haciendo click en el icono que hay en ese extremo del blog.
Se pueden elegir tres formatos de aviso:
  • Sólo información: se avisa del uso de cookies y se enlaza con la Política de Privacidad del sitio, donde el propietario de la web puede ampliar información sobre las cookies que utiliza e indicar como pueden deshabilitarse en el navegador del usuario.

  • Consentimiento implícito (Opt-out): por defecto las cookies están habilitadas, se informa de ello y se ofrece la posibilidad de deshabilitarlas mediante un botón en el mismo cuadro de aviso.

  • Consentimiento explícito (Opt-in): por defecto las cookies están deshabilitadas, se informa de ello y se ofrece la posibilidad de aceptarlas.

Configurar e instalar Cookie Control
La instalación tiene dos partes, de acuerdo con las instrucciones que se detallan en la web. Primero hay que descargar el script Cookie Control y subirlo a nuestro sitio. A continuación hay que ir a la página de configuración donde se seleccionan aspectos como el modelo de aviso, el color, el texto a mostrar y el tiempo que debe estar visible el aviso; una vez hecho esto se puede descargar el código que hay que incluir en nuestro sitio web, dentro de la etiqueta <body>.
En mi caso, que tengo un blog de Blogger, voy a decir lo que he hecho yo:
  • 1. He descargado el script cookie Control y lo he subido a un servicio de almacenamiento de archivos, y como tal he utilizado Google Sites que es lo que tenía más a mano y que ya usé para algo parecido a esto cuando puse el índice del blog. Para ello hay que ir a Google Sites, crear un sitio ("misitio") y dentro de él crear una página a la he llamado "Archivos". Dentro de la página se pincha en "añadir archivos" y ahí subimos el script Cookie Control. La ruta de este archivo será https://sites.google.com/site/misitio/archivos/cookieControl-5.1.min.js

  • 2. He configurado el aviso y elegido tipo, color, etc, he descargado el código y lo he insertado como gadget HTML/Javascript en la barra lateral del blog, después de haberlo modificado para incluirle la ruta del script en lugar del texto "PATH_TO_COOKIE_CONTROL/cookieControl-5.1.min.js"

Modificar Cookie Control
Como se indica en las instrucciones se puede modificar el aspecto del aviso si se tienen conocimientos de Html y de CSS. Como no es mi caso, yo lo único que he podido hacer es traducir al Español el letrero del desplegable "Leer más", que la verdad es que al final he optado por eliminar directamente.
Cookie Control
Para traducir el "Leer Más" hay que abrir el script cookieControl-5.1.min.js con el block de notas, buscar el tecto "Read More" (aparece dos veces) y cambiarlo por "Leer más". A continuación buscar "Read Less" (aparece una vez) y cambiarlo por "Leer menos". Para eliminar el letrero lo que hice fue borrar la cadena de código donde se encontraba "Read more" (no se si es la forma ortodoxa, pero me funcionó).
Página Web: http://www.civicuk.com/cookie-law/index
Ver también: Las directivas sobre cookies y como aplicarlas en tu web o en tu blog 

Volver a la Portada de Logo Paperblog