Cómo poner el Aviso de Cookies en el Blog

Te explico cómo colocar el aviso de cookies para Blogger y WordPress y estará ubicado en la parte inferior de tu blog.

¡Hola! Bienvenido a Peengler, soy Gabriela. Si no sabes qué colocar en la página de políticas de cookies y todo lo que tenga que ver con cumplimento legal de tu web, en este post te lo explico todo: Política de Cookies, Privacidad y Aviso legal: En tu Web.

NOTA: He publicado un nuevo Aviso de uso de cookies MEJORADO.

Sin más que decir ¡Empecemos!

Aviso de Cookies en Blogger

Clic en la imagen para ver el vídeo ↑ en YouTube

Aviso de Cookies en Blogger

En Blogger como no se cuenta con una base de datos, es un poco complicado hacer algo bien hecho. ¿Se puede mostrar el aviso? ¡Si se puede! Pero no como se quiere. Te explico:

Las cookies se aceptan de dos maneras:

  • El mensaje se ve abajo de tu pagina hasta que la persona le de clic en el botón ACEPTO “estará de acuerdo con el uso de cookies” por lo que dejara de salir y si el lector es nuevo le va a salir.
  • El aviso va a desaparecer “aceptando de todas maneras” aunque el lector no le dé clic al botón acepto, en fin. No hay porque ponerse bravo con esto.
aviso de cookies en el blog

Código del aviso de cookies en Blogger:

Ir a Tema > HTML > Antes del </body> copia y pega el siguiente código:

HTML

<div id="barracookies">
<h5>Uso cookies para darte un mejor servicio.</h5>
Mi sitio web utiliza cookies para mejorar tu experiencia. <a href="javascript:void(0);" onclick="var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie('avisocookies','1',expiration,'/');document.getElementById('barracookies').style.display='none';"><b>Acepto</b></a> <a href="URL-COOKIES" target="_blank" >Leer más</a>
</div>
<!-- Estilo barra CSS -->
<style>
#barracookies {display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;padding:5px;background: #333333;color:#fff;line-height:20px;font-family:verdana;font-size:12px;text-align:center;box-sizing:border-box;}
#barracookies a:nth-child(2) {display: inline-block; color: rgb(10, 10, 10);
background-color: rgb(244, 157, 7); padding: 6.5px;text-decoration: none;}
#barracookies a {color: #fff;text-decoration: underline;}
#barracookies h5{font-size: 15px; margin: 10px 0px;}
#barracookies
</style>
<!-- Gestión de cookies-->
<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+"="+escape(value)+((expires==null)?"":"; expires="+expires.toGMTString())+((path==null)?"":"; path="+path)+((domain==null)?"":"; domain="+domain)+((secure==null)?"":"; secure")}function getCookie(name){var cname=name+"=";var dc=document.cookie;if(dc.length>0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(";",begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+"="+((path==null)?"":"; path="+path)+((domain==null)?"":"; domain="+domain)+"; expires=Thu, 01-Jan-70 00:00:01 GMT"}}</script>
<!-- Gestión barra aviso cookies -->
<script type='text/javascript'>
var comprobar = getCookie("avisocookies");
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie("avisocookies","1",expiration);
document.getElementById("barracookies").style.display="block"; }
</script>

Vas a modificar donde dice: URL por la página de tu cookies, en el siguiente post te ayudo con esta página.

Nota: Podrás visualizar el mensaje de nuevo si eliminas las cookies de tu navegador.

Artículo relacionado:

Cumplientos Legales en el Blog

Cumplientos Legales en el Blog

Añade los Cumplientos Legales en tu blog: Aviso Legal, Política de Cookies y Política de Privacidad.

Aviso de Cookies en WordPress

Para esta plataforma lo mejor es usar un plugin, busca e instala el siguiente plugin:

Plugin para el Aviso de Cookies en WordPress

En este vídeo te explico como configurarlo rápidamente.

Video Tutorial Aviso de Cookies en WordPress

Clic en la imagen para ver el vídeo ↑ en YouTube

¿Te gusto el post?
¡Compártelo!
Gabriela Laya

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.