Como poner el ⛔ AVISO de COOKIES ⛔ en BLOGGER y Políticas de Privacidad「✔ Tutoriales Blogger」

Las cookies, además de ser galletitas, son ficheros enviados al navegador por medio de un servidor web con la finalidad de registrar las actividades del usuario durante su tiempo de navegación, bien para cargar después más rápidamente esa web, para llevar la información de uso de la web a un programa como Google Analytics etc,…

Con esto el 30 de marzo de 2012, la legislación en materia de publicidad y comercio electrónico española (regulada por la Ley de Servicios de la Información – LSSI) incluyó una normativa sobre el tratamiento de cookies en sitios web. Esta normativa obliga a los propietarios de los portales a informar de forma clara y obtener el consentimiento para la utilización de este tipo de tecnología en los sitios web. Resumen: Si no usas esta barra pueden llegar a multarte.

Si ahora te ha quedado más claro… vamos al asunto…

PRIMER 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>

Guardamos y todo LISTO. 

SEGUNDO Código del aviso de cookies en Blogger:

Ir a Diseño > Añadir un gadget > HTML/JavaScript. copia y pega el siguiente código:

HTML

<div id="barracookies">

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.

<br/>

Si continúa navegando consideramos que acepta su uso. <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>OK</b></a> <a href="http://www.google.com/intl/es-419/policies/technologies/types/" target="_blank" >Más información</a> | <a href="http://www.interior.gob.es/documents/10180/13073/Guia_Cookies.pdf/7c72c988-1e55-42b5-aeee-f7c46a319903" target="_blank" >Y 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:#d7c712;line-height:20px;font-family:verdana;font-size:12px;text-align:center;box-sizing:border-box;} #barracookies a:nth-child(2) {padding:4px;background:#4682B4;border-radius:5px;text-decoration:none;} #barracookies a {color: #fff;text-decoration: none;}</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>

Guardamos y todo OK.

TERCER Código del aviso de cookies en Blogger:

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

HTML

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />

Ahora Antes del </body> copia y pega el siguiente código:

HTML

<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>

<script>

window.cookieconsent.initialise({

  "palette": {

    "popup": {

      "background": "#000"

    },

    "button": {

      "background": "#f1d600"

    }

  },

  "theme": "classic",

  "position": "bottom-right",

  "content": {

    "message": "Este sitio web utiliza cookies para garantizar que obtenga la mejor experiencia en nuestro sitio web.",

    "dismiss": "¡Entendido!",

    "link": "Aprende más...",

    "href": "https://rockerpaste.blogspot.com/2022/07/politicas-de-cookies-y-privacidad.html"

  }

});

</script>

Guardamos y todo QUEDARA LISTO.