Poner el aviso de uso de cookies en nuestro blog

09 enero, 2015

Hola amores!!


La verdad es que en este país se inventan leyes y normativas bastante absurdas, y ahora les ha dado por la política de uso de los cookies.

Y para que no nos caiga una multa del copón hay que poner un aviso en el que se informa a los lectores del blog que se está recopilando información  de sus visitas, lo que ya he nombrado como cookies.


¿Y que son las cookies? Pues básicamente son datos que recopila Google Analytics, AdSense u otras herramientas del estilo para saber cuánto tiempo pasan nuestros lectores en la web, que es lo que les gusta y otros datos para proporcionarnos estadísticas o mejorar los anuncios.

Pues pensando que yo uso esos servicios, pues decidí ponerme manos a la obra y poner el dichoso anuncio para evitar que me puedan multar.

Y no era tan fácil como yo me pensaba, que no se si os habrá pasado a vosotras, pero yo me pensaba que al estar usando Blogger, Google sería de ayuda y proporcionaría este sencillo código para ayudar, peeeero no!

Así que me puse a buscar por internet y a preguntar a compis, y al final dimos con el siguiente código que es el que imagino que mucha gente está usando.

Y para que lo tengáis más a mano y no perdáis tiempo buscando, aquí os lo comparto, ¿vale?

Este es el código que tenéis que copiar y pegar en vuestro blog. Simplemente hay que ir a plantilla y anadir un gadget de html/Javascript y pega el contenido en el interior

<div id="barra" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #565f98;color:#f9f5c5;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 información 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:#dfb85b;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:#f9f5c5;">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("barra").style.display="block";
}
function PonerCookie(){
 setCookie('aviso','1',365);
 document.getElementById("barra").style.display="none";
}
</script>



Si copiais tal cual el código os saldrá una barra igualita a la mía, así que para personalizarla tenéis que estar atentos a este trocito del código.

<div id="barra" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #565f98;color:#f9f5c5;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 información 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:#dfb85b;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:#f9f5c5;">Más información</a>
</div>

Sólo tenéis que sustituir lo que hay en color por vuestros códigos de colores, claramente tenéis que poner el color en hexadecimal, pero si habéis toqueteado un poco la plantilla al elegir los colores, pues lo sabéis ya.

Al lío, lo modificable es lo siguiente:

background: #565f98 este es el color de fondo de la barra entera

color:#f9f5c5 este es el color del texto de la barra

background:#dfb85b este es el fondo del OK

color:#f9f5c5 y ese es el color del texto “más información”

Y modificando eso y usando vuestros colores, ya tenéis la barra hecha!

La verdad es que no es una cosa muy complicada, y ahora que está por aquí el código, pues mucho más rápido.

¡Espero que os sirva de ayuda y que podáis instalar el aviso de una manera rápida y fácil!

¡Nosotros nos vemos el lunes en un nuevo post!

Un besazo!
Image and video hosting by TinyPic

24 comentarios:

  1. Gracias por la info, debo averiguar si en mi país esta ley tb aplica.

    ResponderEliminar
    Respuestas
    1. Bueno... aunque no se aplique, nunca está de más.... el aviso es pequeño y no molesta demasiado :D

      Eliminar
  2. Muchas gracias por el código, yo soy un poco nula para esto del código y siempre recurro a mi pareja que el pobre tiene que estar esta el moño de mi. Gracias.

    ResponderEliminar
    Respuestas
    1. La verdad es que yo tampoco me apaño mucho, pero esto es facilito, sólo copiar y pegar! :D

      Eliminar
  3. Uooooh!! Muchas gracias!! Nos has ahorrado mucho tiempo y puede que alguna multa! Jiji bessoos!!

    ResponderEliminar
    Respuestas
    1. Me alegro haber sido de ayuda!! Espero que os sirva y os funcione!! :D

      Un besote Mercy! :D

      Eliminar
  4. Muy útil, muchas gracias por hacernos las cosas más fáciles!!!
    Feliz finde!!

    ResponderEliminar
    Respuestas
    1. De naaaada!! Si os sirve yo encantada!! :D

      Un besazo Livy!!!

      Eliminar
  5. Ay madre...que he copiado el código y no me sale nada!!!!

    ResponderEliminar
    Respuestas
    1. No te sale nada? Pues que raro, porque yo he hecho exactamente lo que he comentado en el post y si que me aparece... Revisalo y si ves que no funciona me lo comentas y te ayudo!

      Un besazo!

      Eliminar
    2. Solo me sale el título jijijiji pero me he estresado un poquito estos días tanto cambiar cosas en el blog y lo he aparcado

      Eliminar
    3. A lo mejor es que has usado el mismo color para todo y por eso no te sale, porque se confunde con el fondo ¿puede ser?
      Si necesitas cualquier cosa me lo dices y entre las dos lo sacamos!! :D

      Eliminar
  6. Muchísimas gracias Inés!!!...Ya la tengo colocada, y ha quedado monísima!!!

    ResponderEliminar
    Respuestas
    1. De nada!! Si? Me alegro mucho que te haya quedado perfecta!!

      Un besazo guapa!! :D

      Eliminar
  7. Te pongo un 10...no un 15 por lo menos!!!! Llevaba yo tiempo pensando qué sería esto de las cookies y justo encuentro tu post!! Como caído del cielo!! Mil y un gracias porque me he enterado de todo!!! No tenía ni idea de que te podían multar :S... Así que en cuanto tenga un ratito me pongo con ello!!! Feliz semana!! Besotes

    ResponderEliminar
    Respuestas
    1. Ainsss.. gracias por el 15!! ^^
      Yo tampoco sabía que te podían multar, pero al enterarme y ver que muchas bloggeras lo tenían... pues me decidí a investigar. Y como yo, otras personitas podrían no saberlo, y me decidí a hacer el post, para que tooodas se enteren! :D

      Un besazo guapa, y feliiiiiiz semana!

      Eliminar
  8. Muchas gracias Inés por la información...y por el script para facilitarnos las cosas!! :)

    ResponderEliminar
    Respuestas
    1. De nada guapa!! Un placer servir de ayuda!! :D

      Un besazo enorme!

      Eliminar
  9. Ya lo he instalado ¡¡Muchas gracias, preciosa!!

    ResponderEliminar
    Respuestas
    1. Deeee nada guapísima! Me alegro que te haya servido!

      Un besote guapísima!

      Eliminar
  10. Guapísima! Alucinada estoy con el cambio de tu blog! Me encantaaaa!

    Muchas gracias por compartir esta entrada, ahora mismo voy a aplicarlo en mi blog ^^

    Besazo!

    ResponderEliminar
    Respuestas
    1. El cambio ha sido posible gracias a Imma de ImmaCreativa que lo ha dejado estupendo!!
      Deeee nada mujer! Para eso estamos, y yo contenta de que os sirva! :D

      Eliminar