Controlando galletitas en en blog

Un día me levanté y pensé, como estamos con el tema "cookies" en mi blog??

Como no había respuesta, el desconocimiento genera descontrol por lo que era necesario investigar

Que es una Cookie? 🍪

De la traducción al castellano como "galleta" o "galletita", básicamente es un pequeño archivo de texto que se deja computadora del visitante de un sitio web a fin de identificarlo que es distinto a otro visitante y evitar duplicaciones para brindar una experiencia personalizada. Por ejemplo, gracias a las cookies, un sitio web puede recordar tu nombre de usuario, mantenerte conectado o mostrarte recomendaciones basadas en tus visitas anteriores. 

Es una explicación extremadamente sencilla y argenta pero entendible rápidamente. En otro post profundizaré en aspectos de seguridad.

Verificando Cookies

A fin de auditar mi propio blog, existen algunos sitios que facilitan esa tarea para saber que cookies tenemos y grado de cumplimiento:

• https://www.cookieserve.com/
• https://www.cookiechecker.com/

Al ejecutarlo efectivamente compruebo que existen algunas, como para el seguimiento de la huella de carbono y de Google Analytics

 

Codeando para solucionarlo

Efectivamente las cookies que se utilizan son necesarias para esos agregados corran correctamente, por lo que decidí advertir al visitante sobre el uso de cookies, como dice el dicho "el que avisa no es traidor"

Los sitios mencionados anteriormente ofrecen también agregar algún tipo de aviso y personalización pero son de uso pago. Algunos tienen planes free pero limitan en cantidad de páginas y/o trafico mensual, y básicamente intento depender lo menos posible de terceras partes.

Dentro de Blogger ir a:

    Tema -> Personalizar -> Editar HTML

Colocar el código después del </body>

 
<!--Inicio Barra Cookie-->
<div id='barracookies' style='display:none;position:fixed;left:0px;right:0px;bottom:5px;width:100%;min-height:40px;background: #D3D3D3;color:#a2a2a2;z-index: fcaaaa;'>
<div style='width:100%;position:absolute;padding-left:4px;font-family:verdana;font-size:11px;top:20%;text-align:center;'>
<span>Usamos cookies propias y de terceros para ayudarte en tu navegación. Si continuas navegando consideramos que aceptas el uso de cookies.</span>
<a href='javascript:void(0);' onclick='PonerCookie();' style='padding:4px;background:#fcaaaa;text-decoration:none;color:#ffffff;border-radius:5px;'><b>OK</b></a>
<a href='https://futurepastsolutionslog.blogspot.com/p/politica-de-uso-de-cookies.html' rel='nofollow' style='padding-left:5px;text-decoration:none;color:#ffffff;' target='_blank'>Más información</a>
</div>
</div>
<script> 

 function getCookie(c_name){ 
  var c_value = document.cookie; 
  var c_start = c_value.indexOf(&quot; &quot; + c_name + &quot;=&quot;); 
  if (c_start == -1){ 
  c_start = c_value.indexOf(c_name + &quot;=&quot;); 
  } 
  if (c_start == -1){ 
  c_value = null; 
  }else{ 
  c_start = c_value.indexOf(&quot;=&quot;, c_start) + 1; 
  var c_end = c_value.indexOf(&quot;;&quot;, c_start); 
  if (c_end == -1){ 
   c_end = c_value.length; 
  } 
   c_value = unescape(c_value.substring(c_start,c_end)); 
  } 
  return c_value; 
 } 
 function setCookie(c_name,value,exdays){ 
  var exdate=new Date(); 
  exdate.setDate(exdate.getDate() + exdays); 
  var c_value=escape(value) + ((exdays==null) ? &quot;&quot; : &quot;; expires=&quot;+exdate.toUTCString()); 
  document.cookie=c_name + &quot;=&quot; + c_value; 
 } 
 if(getCookie(&#39;aviso&#39;)!=&quot;1&quot;){ 
  document.getElementById(&quot;barracookies&quot;).style.display=&quot;block&quot;; 
 } 
 function PonerCookie(){ 
  setCookie(&#39;aviso&#39;,&#39;1&#39;,365); 
  document.getElementById(&quot;barracookies&quot;).style.display=&quot;none&quot;; 
 } 
 </script>
<!--Fin Barra Cookie-->
  

Con el código se visualiza una barra con la advertencia, y un link a la política de uso de las cookies

Referencias

• https://en.wikipedia.org/wiki/HTTP_cookie
• https://personalizaciondeblogs.blogspot.com/2015/02/como-poner-el-aviso-de-cookies-en-blogger.html