Colocar aviso de cookies en Blogger

 

 ¿Qué es un aviso de cookies?

Un aviso de cookies es un mecanismo utilizado en los sitios web para obtener el consentimiento de los usuarios para el procesamiento de sus datos personales.

Colocar cookies en blogger

Blogger es una de las plataformas de creación de blogs más sencillas de configurar, pero no siempre las cosas nos suelen salir como deseamos y más si no poseemos grados elevados de programacion.

A continuación te mostraré como colocar un aviso de cookies tal cual se muesta en la imagen siguiente:

Todo lo que debes hacer es ir a Tema > HTML > Antes del </body> copia y pega el siguiente código:

HTML

&lt;div id="barracookies"&gt;
&lt;h5&gt;Uso cookies para darte un mejor servicio.&lt;/h5&gt;
Mi sitio web utiliza cookies para mejorar tu experiencia. &lt;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';"&gt;&lt;b&gt;Acepto&lt;/b&gt;&lt;/a&gt; &lt;a href="COLÓCA AQUI LA URL DE PAGINA DE COOKIES" target="_blank" &gt;Leer más&lt;/a&gt;
&lt;/div&gt;
&lt;!-- Estilo barra CSS --&gt;
&lt;style&gt;
#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
&lt;/style&gt;
&lt;!-- Gestión de cookies--&gt;
&lt;script type='text/javascript'&gt;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&gt;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"}}&lt;/script&gt;
&lt;!-- Gestión barra aviso cookies --&gt;
&lt;script type='text/javascript'&gt;
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"; }
&lt;/script&gt;

 NOTA: Antes de guardar los cambios, no olvides poner la página de cookies de tu blog y luego de esto guardamos los cambios.