aviso de cookies en tu blog

Aviso de cookies: En la parte inferior de tu 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!


Sigueme en:

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 uso cookies
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 mucho el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs. En mi tiempo libre me encanta Leer, aprender a usar nuevos programas, escuchar música y más :D
11 comentarios

Deja un comentario

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


Espe:

25 mayo 2020 a las 10:01

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

Responder
Marili:

25 mayo 2020 a las 14:56

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

al final me contestaste a la pregunta q te dije?

Responder
    Gabriela Laya
    Gabriela Laya:

    25 mayo 2020 a las 19:49

    Hola
    no recuerdo ¿qué seria?

    Responder
Yomi MR:

25 mayo 2020 a las 18:47

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:

25 mayo 2020 a las 21:19

Uy gracias por el tutorial. te deseo una buena semana

Responder
yo leo Novela:

26 mayo 2020 a las 03:41

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

Responder
Maria Eugenia ARIAS LOZANO:

26 mayo 2020 a las 04:56

En eso estoy cubierta Gracias guapísima!!

Responder
Rocío:

26 mayo 2020 a las 05:05

¡Muy útil! Muchas gracias.

Responder
Serena Miles:

26 mayo 2020 a las 06:13

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:

26 mayo 2020 a las 06:17

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

Responder
Elrincondemonica05:

26 mayo 2020 a las 10:10

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

Responder

Recibe las últimas actualizaciones