Revista Blog

Cómo poner el aviso de Cookies en nuestro Blog

Publicado el 19 noviembre 2014 por Lireth

Hace ya tiempo que en este país (de panderetas, pero ya ni eso, nos las han robao los chorizos...) tiene que haber leyes de lo más absurdas, cosa que en otros países no ocurre...tanto.
Pero de un tiempo a esta parte, si no pones el aviso de que tu blog utiliza cookies, te puede caer una multa de 150mil € (absurdo totalmente)
¿Cuándo habría que poner este aviso?
Cuando utilizamos el Google Analytics o el StatCounter, o cualquier servicio externo a Blogger que haga una recopilación de información sobre qué hacen nuestros lectores.
Así que os enseñaré a poner ese aviso y a personalizarlo para que al menos no sea feo.
Al lío, vamos a Diseño y añadimos un gadget de HTML/JavaScript y pegamos a cascoporro lo siguiente:
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FBAFD8;color:#000000;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
 Usamos cookies propias y de terceros para ofrecer info personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#F9F5EC;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>
 <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#666666;">Más información</a>
</div>
</div>
<script>
function getCookie(c_name){
 var c_value = document.cookie;
 var c_start = c_value.indexOf(" " + c_name + "=");
 if (c_start == -1){
  c_start = c_value.indexOf(c_name + "=");
 }
 if (c_start == -1){
  c_value = null;
 }else{
  c_start = c_value.indexOf("=", c_start) + 1;
  var c_end = c_value.indexOf(";", 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) ? "" : "; expires="+exdate.toUTCString());
 document.cookie=c_name + "=" + c_value;
}
if(getCookie('aviso')!="1"){
 document.getElementById("barritaloca").style.display="block";
}
function PonerCookie(){
 setCookie('aviso','1',365);
 document.getElementById("barritaloca").style.display="none";
}
</script>
Así os saldría la barrita tal cual la tengo yo, con los mismos colores, pero vamos a tunearla un poco.
Cómo poner el aviso de Cookies en nuestro Blog
Fijaros en este cacho de código:
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FBAFD8;color:#000000;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
 Usamos cookies propias y de terceros para ofrecer info personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#F9F5EC;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>
 <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#666666;">Más información</a>
</div>
</div>
Bien, es una maraña horrible pero os he puesto en colores lo que tenéis que cambiar y ahora os digo qué es cada cosa:
background: #FBAFD8; Esto es el fondo de la barrita entera
color:#000000; Esto es el color de la fuente
color:#666666; Esto es el fondo del OK
background:#F9F5EC; Esto es el color de la fuente del OK
Cambiando estas cuatro cosillas ya tendréis la barrita apañada.
Ponedla, no vaya a ser que os den una sorpresa desagradable, ¡besotes!
Muah!
Lireth's Notebook


Volver a la Portada de Logo Paperblog

Dossier Paperblog