Poner el aviso de uso de cookies en nuestro blog

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

<div >

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 onclick="PonerCookie();"><b>OK</b></a>

 <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" 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(" " + 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" >

<div >

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 onclick="PonerCookie();"><b>OK</b></a>

 <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" >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!

Fuente: este post proviene de Clouds and Designs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

¡Hola Diciembre! Parece que después de toda la semana nos va abandonando un poco la lluvia, que aunque se agradece, llevar todos los días los pies mojados no mola demasiado. Pero bueno... a ver si emp ...

¡Ya hemos empezado un mes nuevo! Para la gran mayoría es festivo, aprovechando para salir por ahí... pero vamos, que yo me voy a quedar en casita haciendo faena, que se me va amontonando por momentos! ...

Hola guapuras! Al final he podido sacar un hueco para poder enseñaros este DIY que preparé para la Memory Planner. Por si no lo he dicho, al final, para mi cumple, mi querido M me regaló una Memory Pl ...

¡Feliz día! He estado un poco desaparecida últimamente, pero como ya he dicho en varias ocasiones, con el Máster voy un poquito (o más bien un muchito) liada. Intento compaginar el trabajo, con las cl ...

Recomendamos

Relacionado

general ayuda blogger otros tutoriales

No me suele gustar publicar sobre cosas que ya han sido publicadas tropecientas veces en otros lados. Ojo, seguro que lo hago, pues realmente no leo otros blogs sobre mi temática, pero si algo sé o intuyo que ya lo han publicado mil sitios más, pues trato de evitarlo, porque para qué. Si es algo tipo el post sobre si es mejor blogger o worpdress, pues sí, porque al final yo doy mi punto de vista ( ...

general propuestas

Al navegar por múltiples sitios en Internet todos nos hemos encontrado con algún tipo de aviso o alerta que alude al "uso de cookies" en el sitio por el cual estamos navegando. Este mensaje es fruto de la legislación europea publicada en su directiva 2009/136/CE referente a los derechos de los usuarios y la necesidad de que estos sean informados cuando un sitio web haga uso de las mismas ...

general medios sociales promocionar tu blog

Os habréis dado cuenta ya que los iconos para compartir que trae Blogger, son bastante pequeñitos y discretos: Por eso yo los cambié hace ya tiempo por otros que pasan un pelín menos desapercibidos: Tampoco quiero ser "pesada" y poner unos gigantescos, pero esos me parece que se ven lo suficientemente bien como para "recordar" a la gente que pueden compartir mi post en las re ...

general social

Muchos Bloggers prefieren añadir botones para redes sociales al pie de sus entradas para que los usuarios puedan compartir el contenido que ha sido de su agrado. Vamos a aprender a colocar en el pie de entradas botones para compartir en Facebook, Twitter y Google+ nuestras creaciones.¿Qué son los botones para las redes sociales en un Blog?: Los componentes oficiales o no oficiales de las distinta ...

general social

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

general ayuda blogger script

Hola! cómo están? no esperaba escribir hasta el viernes día del Reto Amistoso pero tras estar gran parte del día de ayer "liada" intentado cambiar el precioso anuncio de Blogger acerca de las cookies, pues me he decidido compartir mi experiencia por si a alguna le trae de cabeza el anuncio cómo a mi. El dichoso anuncio no tiene un estilo propio (tamaño, tipo de letra, color) coge por def ...

general desarrollo web html5 ...

En esta nueva serie de tutoriales y videos, veremos los aspectos generales para la creacion de un game con HTML5, JavaScript y jQuery. Bienvenidos a otro tutorial de HTML5!Hoy iniciaremos la creación de un simple videojuego (bastante simple :)), utilizando apenas HTML5 y Javascript. hablaremos de algunos aspectos basicos de programacion con JavaScript, dando por hecho que ya tenés un poco de noció ...

rendimiento

El rendimiento es algo fundamental para la mejora de la experiencia de usuario y, junto a la calidad de los contenidos que se ofrecen en una web, un gran impulsor del posicionamiento en buscadores. En Diarios de la nube vamos a ir ayudándote a resolver distintos puntos importante para mejorar el rendimiento de tu sitio web por medio de GTMetrix. GTMetrix es un servicio de análisis rendimiento de l ...

general

En anteriores entregas aprendimos un poco de HTML básico que nos sirviera de base para luego comprender mejor la plantilla Blogger. Después pasamos a la acción creando nuestra primera plantilla y por último los contenedores de la cabecera, el cuerpo, una barra lateral y el pie del Blog. La idea es no copiar y pegar el código que "nos dan hecho", esta vez se trata de conseguir entender ...

general propuestas

Google Drive es el servicio de almacenamiento en la nube desarrollado por Google. Hemos visto diversas utilidades que aprovechar con Google Drive para potenciar a Blogger: para alojar y servir una web completa, para alojar hojas de estilo o recursos para nuestra web que no podemos almacenar en Blogger, para crear enlaces de descarga de archivos con los que complementar nuestras entradas (instrucc ...