Cómo poner el Aviso de Cookies en el Blog

Te explico como colocar el Aviso de Cookies para Blogger y WordPress ✔ Estará ubicado en la parte inferior de tu sitio web, sin importar si usas WordPress o Blogger. Si no sabes sobre este tema 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

¡Hola! Bienvenido a Peengler, soy Gabriela. Y aquí vengo a explicarte como colocar el Aviso que siempre ves al visitar un sitio. En Blogger es super sencillo. Ahora en WordPress lo más recomendado es usar un plugin y además es Gratuito.

Sin más que decir ¡Empecemos!

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
Ejemplo de Aviso de cookies para blogger y wordpress

Si lo quieres usar:

Vídeo Tutorial: Aviso de Cookies en Blogger

Aviso de Cookies en Blogger

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: Se puede visualizar el mensaje “si o si”, si eliminas las cookies de tu navegador.

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.

Vídeo Tutorial: Aviso de Cookies en WordPress

Video Tutorial Aviso de Cookies en WordPress
¿Te gusto el post?
¡Compártelo!

Gabriela Laya

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Espe:

Tomo nota que es muy molesto en la parte superior. Besos

Responder
Marili:

pues buen aporte, pq esos cookies me tienen hasta la mismisima!!!

al final me contestaste a la pregunta q te dije?

Responder
    Gabriela Laya:

    Hola
    no recuerdo ¿qué seria?

    Responder
Yomi MR:

Holaa, muchas gracias por los tips, ya no me acuerdo cómo tengo puesto este aviso en el blog je, je, je.
¡Besos! :3

Responder
Citu:

Uy gracias por el tutorial. te deseo una buena semana

Responder
yo leo Novela:

Hola, Gabriela!
Genial consejo. Tomo nota.
Un abrazo.

Responder
Maria Eugenia ARIAS LOZANO:

En eso estoy cubierta Gracias guapísima!!

Responder
Rocío:

¡Muy útil! Muchas gracias.

Responder
Serena Miles:

hola,
es cierto que es mas comodo en la parte inferior… me apunto lo que nos dices y en cuanto pueda lo hare
Besotesssssssssssssssss
#fase1

Responder
Asunción Artal:

Me ha gustado mucho porque sobre este tema si que estaba pez. Gracias

Responder
Elrincondemonica05:

Hola guapa muchas gracias por el tutorial. Siempre aprendo cosas nuevas contigo para mejorar mi blog. Besitosss

Responder
Manuel:

Un post bien estructurado, fácil de leer y muy útil

Responder
    Gabriela Laya:

    Hola Manuel, Gracias por tu comentario.

    PD: si vuelves y lees este comentario, quería mencionarte que no puedo comentar en tu blog, me da error con el captcha. 😐

    Responder
Edgar Antonio:

Hola Gaby, me llamo Edgar y tengo muchìsimas dudas sobre la monetizaciòn de blogspot.
Entre ellas, el aviso de las polìticas de cookies.
Hice todo como lo pones en tu cuenta pero, la barra me aparece unos segundos y cuando carga desaparece y no se vuelve a ver, tambièn no se ve en mi app de mi celular. ¿podrìas revisarlo? significarìa mucho para mi.
De antemano millòn de gracias.

Responder
    Gabriela Laya:

    Hola Edgar, Sobre lo que menciona: carga unos segundos y cuando carga desaparece y no se vuelve a ver
    normalmente el desaparece cuando la persona le da un clic y no lo vuelve a a ver, al menos que elimine las cookies de su navegador.

    Si quieres eliminas las cookies y vuelve a intentar.

    Responder
Edgar Antonio:

Por cierto esta genial tu página. Éxito

Responder