Cómo poner el Aviso de Ley de Cookies sin plugin en mi blog

Últimamente me ha dado por quitarme plugins que creo innecesarios o cuya funcionalidad puedo suplir de otra forma. Hoy le toca al que me facilitaba el aviso de uso de cookies y política de privacidad. Pero tranquilo, que no voy a ir de ilegal por la vida, he encontrado otra forma de ponerlo. Te estarás preguntando, ¿en serio podré poner el Aviso de Ley de Cookies sin plugin en mi blog?. Sí , sí, sí, además de forma muy muy sencilla.

Aclarar que esta ventolera no me ha dado por gusto. Siempre se ha oído en estos mundos de blogs que abusar del uso de plugins afecta a la velocidad de carga de los sitios webs aumentándola considerablemente.

La verdad es que es difícil contenerse, hay plugins para todo y facilitan tanto la vida…¿verdad?. Lo cierto es que sí, que hay plugins muy pesados (sobre todo los antiguos), pero que cada vez los hacen más ligeros y apenas afectan al rendimiento de tu blog. Así que, ya no sé que pensar, pero por si acaso me curo en salud.

Antes de entrar en faena, vamos a recordar algunos conceptos importantes…

¿Qué es la Ley de Cookies y cuando estoy obligado a cumplirla en mi blog?

Es la ley en vigor en España y Unión Europea que obliga a todos los sitios web alojados en servidores que residan en países donde se aplique esta ley, a dar información a los usuarios sobre el uso  y aceptación de cookies y todos los requisitos adicionales exigidos por la Agencia Española de Protección de Datos.

Y ojo con no cumplirla porque te juegas hasta 150 mil euros de sanción…¡qué se dice pronto pero que duele al bolsillo!

Está claro, que de una u otra forma, las leyes hay cumplirlas….para ello están. Pero eso no quiere decir que tu blog deje de ir como un rayo. Que no, que no hay que jugarse la velocidad de carga ni de respuesta habiendo otras opciones.

¿Qué son las Cookies?

Son pequeños ficheros de texto enviados por un sitio web, que sirven para guardar información sobre hábitos de navegación de un usuario. Dicha información se utilizará posteriormente se supone que para mejorar la experiencia del usuario.

Hay de varios tipos. Las más comunes son de preferencia, seguridad, publicidad, procesos y Google Analytics.

¿Cómo cumplir la Ley de Cookies en mi blog?

Lo primero que tienes que hacer es crear una página en tu blog con el texto sobre la Ley de Cookies y toda la información sobre la Política de Privacidad.

Esa página irá enlazada al aviso de uso de cookies que aparecerá en todas las páginas de tu blog y que dará la posibilidad al visitante de aceptar o no habilitar dichas cookies.

No obstante he de decir, que de esta forma en la que la mayoría de bloggers lo estamos haciendo, no cumplimos al 100% la ley. Para estar dentro de la legalidad, nuestra página no debería cargarse hasta que el usuario no aceptara las cookies.

Mejor Plugin para colocar el Aviso de Cookies en WordPress

¿Pues no íbamos a hacerlo sin plugin? Síiiii, pero por si acaso sigues prefiriendo usar plugins, te dejo estas recomendaciones. Es un segundo y seguimos a lo nuestro.

El otro día comenté como hacerlo con el plugin Cookie Law Info, muy secillo de configurar y en el momento en que decidí cumplir con la ley fue el mejor plugin cookies de WordPress que encontré (aquí puedes descargar el plugin gratis). También está el Cookie Notice, este no lo he probado, pero dicen que dentro de los plugins para WordPress en este sentido, es el que menos recursos consume.

Así que si prefieres un plugin para el aviso de cookies hasta aquí has llegado. Ahora bien, si eres valiente y miras por la velocidad de tu blog, sigue leyendo…

Cómo poner el Aviso de Ley de Cookies sin plugin en mi blog

Hay varias páginas, apps o herramientas que nos ofrecen esta posibilidad, pero he elegido ésta porque permite más personalización del aviso de privacidad y política de cookies. Por ejemplo poner los colores de nuestro blog, diferentes tipos de avisos en diferentes  localizaciones…

Básicamente se trata de un script con el que através de unas elecciones que vas haciendo, fabrican el código por tí. Facilísimo, ya lo verás.

Entramos en Cookie Consent by Insites. Pinchamos en Download (no importa si arriba o abajo en ambos casos lleva al mismo sitio).

 

A la izquierda (Configure) es dónde vas a realizar los cambios y a la derecha (Copy the code) aparece el código, que posteriormente vamos a copiar y pegar en nuestro blog, que se va creando conforme vas haciendo las modificaciones.

Si te das cuenta, en esta pantalla (la de abajo, no te me pierdas) aparece un aviso de cookies, ese aviso irá cambiando conforme vayas introduciendo tus cambios para que vayas viendo como va quedando.

Comenzamos con la Configuración Paso a Paso

Paso 1-Posición

A elegir:

  • Banner botton: Barra horizontal de un lado a otro de la pantalla abajo del todo.
  • Banner top: Barra horizontal de un lado a otro de la pantalla arriba del todo.
  • Banner top (pushdown): Igual que el anterior, pero la barra aparece al pasar el cursor.
  • Floating left: En forma rectangular a la izquierda de la pantalla.
  • Floating right: Igual que el anterior pero a la derecha de la pantalla. (el que he elegido en este ejemplo)

Paso 2-Layout

Puedes elegir entre varios estilos:

  • Block: Es el diseño que ves, es más alto que los demás tanto si eliges un flotante como una barra.
  • Classic: Es más bajito que el anterior, más rectangular.
  • Edgeless: Es como el classic pero el botón ocupa toda la horizontal si eliges flotante y toda la vertical si eliges barra.
  • Wire: Es como el block pero con el botón sin relleno de color (esta es la opción elegida para este ejemplo)

No obstante, estas diferencias las verás mejor conforme lo vayas haciendo.

Paso 3-Palette

Aquí tienes varias opciones:

  • Elegir una paleta de color predeterminada.
  • Crear tu propio aviso con tus colores personalizados.
  • Combinar ambas opciones; elegir una paleta predeterminada, por ejemplo que te vaya bien el fondo y cambiar el color del botón por el tuyo propio (es lo que he hecho yo).

Paso 4-Learn more Link (link de leer más)

En este paso tenemos dos opciones de personalización para el enlace “leer más”:

  • Link to cookiesandyou.com: Para que enlacemos ese “leer más” a una página que nos proporciona Cookie Consent.
  • Link to our own policy: Para enlazarlo a nuestra propia página que ya tendremos creada previamente (esta es la opción elegida en este caso).

Como ves, todas los cambios que vas realizando en estos pasos, se van viendo reflejados en el código de la derecha que se va creando.

Paso 5- Compliance type

En este caso tenemos otras 3 opciones de personalización:

  • Just tell users that we use cookies: Solo aparecerá el botón de aceptar/habilitar cookies (o que está de acuerdo).
  • Let users opt out of cookies (Advanced): Además del botón de aceptar aparecerá otro botón de desabilitar cookies (o que no está de acuerdo).
  • Ask users to opt into cookies (Advanced): Opción avanzada en la que el visitante puede elegir qué cookies acepta y cuales no. Es necesario hacer modificaciones complicadas en nuestro blog.

Paso 6- Custom text

En ese caso se personaliza el texto:

  • Message: El texto dónde das la información sobre el uso de cookies.
  • Dismiss button text: El texto que quieres poner en el botón de “acepto”.
  • Policy link text: Texto que pondrás en el link que lleve a tu página con toda la información sobre la privacidad y uso de cookies (“leer más” por ejemplo).
  • Denny button text: Este solo aparece si en el paso 5 elegimos la segunda opción de deshabilitar cookies.

 

Una vez has acabado todos los pasos, solo te queda copiar el código que has creado.

 

Te vas al escritorio de tu blog-apariencia-y…quieto paraooooooo…

IMPORTANTE: Jamás hagas ningún cambio sin hacer antes una copia de seguridad. Y más importante aun, si vas a realizar algún tipo de modificación en el código, asegúrate que lo haces en un tema hijo y nunca en tu tema general. Si no lo haces así, perderás todos los cambios cuando actualices la plantilla…Dicho queda.

Bueno, pues te vas a tu editor.

Entras en la cabecera del tema (header.php).

Pulsas en tu teclado Ctrl F.

Te aparece una caja de buscador en la que tienes que poner </head>.

Una vez localizada esa etiqueta de cierre, justo por encima tienes que copiar el código del aviso de ley de cookies que has creado.

Guardas cambios.

En ocasiones es necesario borrar caché. Te vas al blog, refrescas y…voilá, ahí tienes tu preciosísimo aviso de ley de cookies sin plugin que has creado tu solito.

 

INCISO: Si tienes el mejor tema para WordPress del mundo como yo…te comento como introducir el código…es mucho más fácil y lo más importante no tienes que tocar el editor.

En el Escritorio-AparienciaHooks de GP (en mi caso)

Aviso de Ley de Cookies sin plugin a través de Hooks

En wp-head (el equivalente en el editor a header.php) metes el código a continuación de otro que ya tengas (aquí puedes ponerlos todos; Google Analytics, verificación de redes sociales…) y le das a Guardar hooks.

Borras caché, te vas al blog, refrescas (F5)…y ya está. ¡Cómo me facilita la vida mi tema!. De todas formas es muy fácil, ¿no crees?

Otros posts que pueden resultarte interesantes

¿Qué te ha parecido? ¿Te decantas por los plugins wordpress o por esta forma de poner el aviso de ley de cookies sin pluging?. Yo prefiero hacerlo así, que no están las cosas como para derrochar milisegundos en el tiempo de carga. 

Deja un comentario