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
Sin más que decir ¡Empecemos!
Clic en la imagen para ver el vídeo ↑ en YouTube
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:
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.
Añade los Cumplientos Legales en tu blog: Aviso Legal, Política de Cookies y Política de Privacidad.
Para esta plataforma lo mejor es usar un plugin, busca e instala el siguiente plugin:
En este vídeo te explico como configurarlo rápidamente.
Clic en la imagen para ver el vídeo ↑ en YouTube
Únete a la Zona VIP🔥
Descubre todo el contenido que te ofrece y ser parte de mi comunidad.
Gabriela Laya
Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.
Tomo nota que es muy molesto en la parte superior. Besos
pues buen aporte, pq esos cookies me tienen hasta la mismisima!!!
al final me contestaste a la pregunta q te dije?
Hola
no recuerdo ¿qué seria?
Holaa, muchas gracias por los tips, ya no me acuerdo cómo tengo puesto este aviso en el blog je, je, je.
¡Besos! :3
Uy gracias por el tutorial. te deseo una buena semana
Hola, Gabriela!
Genial consejo. Tomo nota.
Un abrazo.
En eso estoy cubierta Gracias guapísima!!
¡Muy útil! Muchas gracias.
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
Me ha gustado mucho porque sobre este tema si que estaba pez. Gracias
Hola guapa muchas gracias por el tutorial. Siempre aprendo cosas nuevas contigo para mejorar mi blog. Besitosss
Un post bien estructurado, fácil de leer y muy útil
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. 😐
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.
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.
Por cierto esta genial tu página. Éxito
Muchas gracias.
Deja un comentario