Aviso para consentimiento del uso de cookies - Cookie Script.

Instala un banner para avisar del uso o pedir el consentimiento del uso de cookies en tu blog o página web.

En informática un cookie es un pequeño archivo que una página web guarda en tu PC para llevar registro de tus visitas y actividades con el sitio web de manera que puedan recordar detalles como tu inicio de sesión, preferencias de idioma e incluso ofrecerte publicidad que pueda ser relevante para ti. Lee mas sobre los cookies.

Las leyes de la Unión Europea establecen que el usuario debe tener la posibilidad de aceptar la instalación del cookie o no. Aunque la UE aplicará un cambio al tema de los cookies esto en 2018.

Por tanto tu página Web debe mostrar este tipo de advertencia, en cualquier implementación que consideres pertinente, una alerta, un banner, etc.. donde le des la posibilidad al usuario de no aceptar cookies de tu sitio web.

También es conveniente que tengas una página estática donde expliques por qué y para usar cookies en tu sitio web, esto te dará transparencia e inspira confianza a los usuarios más entendidos y preocupados en la privacidad.

Al entrar a este blog debiste ver un aviso en la parte inferior haciendo referencia sobre los cookies. Si no fue así, posiblemente tu bloqueador de publicidad lo bloquease.

A continuación voy a enseñarte una manera fácil y gratuita de tener tu propio banner o pop up sobre cookies y así cumplir con la ley europea.

Crear aviso de cookies

Para esto vamos a utilizar la pagina Cookie-Script, debes crearte una cuenta, es gratuita. Puedes configurar el script a tu gusto de manera que se adapte a tus necesidades, pero te dejare algunos puntos importantes.

1. Una vez en tu cuenta ve a New item para comenzar a configurar el script.

2. Title: Lo primero que has de colocar es darle un título, es de uso interno los usuarios no lo verán. Design: Seguidamente puedes escoger entre las 4 posiciones  y estilos disponibles. 

También hay 3 botones principales en esta ventana, están tanto al principio como al final.

Close - Cerrar

Save - Guardar

Save and Preview - Guardar y Previsualizar.  Te permite hacer exactamente eso ver en vivo el resultado de cada cambio que vayas haciendo

3. Your website URL: Luego colocamos la dirección de nuestra pagina web. Ese mensaje en negro es la explicación de esa casilla, cada casilla tiene su mensaje de ayuda instantáneo.

4. Cookie policy URL: Si tienes una pagina en tu sitio web con información sobre el uso de cookies ponla aqui. 

Si haces click en Get cookie policy text puedes obtener un texto generalizado que puedes colocar en tu pagina traduciendolo o no.

5. Parámetros varios del script de cookies.

Consent mode: Permite cambiar el tipo de consentimiento

Implied - Implícito. Se instala el cookie y se informa al usuario.

Explicit - Explicito. No se instala el cookie hasta que el usuario acepte.

Show only once: Esta opción te permite mostrar el aviso solo una vez, si el usuario navega por tu sitio sin hacer clic en aceptar se sobreentiende que se ha aceptado el cookie.

Auto accept on scroll: Aceptar el uso de cookies si el usuario hace uso del scroll del mouse.

Color Style: Permite cambiar entre el tema claro y el oscuro. para utilizar colores personalizados debes pagar una membresía.

6. Texto y botones del aviso de cookies.

Pop up title: Aquí escogemos el título que mostrará el aviso.

Body Text: Es la explicación del aviso, aquí dirás que tu sitio usa cookies.

"I agree" button title: Cambialo por Aceptar, OK, De acuerdo, etc.

"Read more" button title: Cambialo por Leer mas, saber mas, Info, etc.

Recuerda ir presionado Save and preview para visualizar cada cambio que vas haciendo. cuando estés satisfecho presiona guardar para cerrar la ventana de edición.

Verás que hay un nuevo elemento con el título que colocamos al principio. Haz click en el botón para obtener el código.

Ten en cuenta que este código no cambiara, solo debes instalarlo 1 vez y luego cualquier modificación que hagas al popup se aplicara automáticamente.

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

Instalar el script de consentimiento de cookies (Blogger)

En blogger es sumamente facil, tanto que es ridiculo. Lo instalas como cualquier otro Widget HTML/JavaScript

Vamos a diseño y agregamos un nuevo Widget y seleccionamos hTML/JavaScript

En la nueva ventana pegas el codigo en el cuadro y presionas aceptar. No se le coloca titulo. Colócalo donde mejor te parezca, por lo general se estila hacerlo en el pie de pagina.

Al colocar el script en el pie de pagina garantizas que todos los usuarios que entren a tu blog vean el mensaje sin importar la pagina o entrada, por ello no se recomienda hacerlo en un panel lateral.

Instalar el script de consentimiento de cookies

Esto es válido tanto para blogger como para cualquier página web en cualquier plataforma.

Básicamente pegas el código justo antes del cierre de la etiqueta <body> de tu página web. Si tienes varias de estas etiquetas ve a la ultima, al final del codigo.

En blogger, debes ir a temas y hacer clic en editar HTML.

Si colocas el código dentro de la plantilla al cambiar de plantilla en el futuro deberás volver a instalarlo, para un script como este seria mas conveniente usar un widget.

Ahora busca el final de la etiqueta <body> es decir </body> 

Presionando CTRL + F se abrirá el buscador integrado del editor HTML blogger, úsalo para ubicar la etiqueta. 

Pega el código del script de consentimiento de cookies justo antes del cierre de la etiqueta, es decir, arriba de esta.

Guardar la edición y recarga tu pagina principal.

Pop up funcionando.

Ya el script debería estar funcionando sin mayor problema. Recuerda que cualquier cambio que hagas al aviso en Cookie-script se implementará sin necesidad de volver a instalar el código. Hasta la próxima. Comparte.