Mil Trucos Blogger

Colocar aviso de uso de cookies en el blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
En la entrada pasada explicaba un poco lo que era la famosa ley de cookies, titule aquella entrada así: Tengo un blog ¿Me afecta a mi la ley de cookies?, pues bien en esa entrada yo dije que les enseñaría como añadir un aviso en el cual le avisaran a sus lectores que sus blog usaban cookies y así evitar cualquier sancion, aunque esta ley aplica solo para blogs españoles es mejor evitar cualquier incidente a futuro, así que manos a la obra.
Colocar aviso de uso de cookies en el blog


Este truco funciona tanto para Blogger como para WordPress, y lo que hace es añadir una barra con un aviso sobre el uso de cookies al final de tu blog.

Para usar este truco en Blogger agrega el código siguiente como un gadget en Diseño, Añadir Gadget, HTML/JavaScript , para usarlo en WordPress añadelo en el archivo footer.php

<script src="http://j.maxmind.com/app/geoip.js"></script>
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;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 mostrar publicidad personalizada seg&uacute;n su navegaci&oacute;n. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#4682B4;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:#ffffff;">M&aacute;s informaci&oacute;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(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
 document.getElementById("barritaloca").style.display="block";
}
function PonerCookie(){
 setCookie('aviso','1',365);
 document.getElementById("barritaloca").style.display="none";
}
</script>

Con el anterior código el aviso se mostrara solamente para los visitantes españoles que es a los cuales la ley de cookies cobija pero si quieres mostrarlo a todos los usuario entonces agrega el siguiente código:

<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;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 mostrar publicidad personalizada seg&uacute;n su navegaci&oacute;n. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#4682B4;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:#ffffff;">M&aacute;s informaci&oacute;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>

Con este pequeño truco te evitaras seguramente muchas molestias y posibles sanciones por la ley de cookies.

Espero que les sea de utilidad este truco, si tienen alguna duda o sugerencia no duden en comentar.

*El creador del script es Cicklow

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

64 Comentarios

  1. septiembre 18, 2013    

    No me gusta este tema del blog, haber si pones uno bueno como el de antes
    Gracias, he utilizado tu espacio mucho tiempo y te lo agradezco.

    • septiembre 22, 2013    

      Amigo gracias por tu comentario, pero este es un truco para Blogger.

      Saludos

  2. septiembre 23, 2013    

    ¿Cómo ponerlo en la cabecera del blog (en vez de al final)? Muchas gracias por las instrucciones. Más vale prevenir…

  3. septiembre 30, 2013    

    Muy buenas. Muy útil el dato aunque no cumple a la perfección la ley (Se necesita consentimiento del usuario antes de instalar ninguna cookie).

    Yo lo he implementado en mi blog, pero me gustaría saber si sería posible cambiar la ubicación, por ejemplo metiéndolo en un widget html .

    A ver si me puedes decir algo.

    Un Saludo

    • septiembre 30, 2013    

      Claro que se puede cambiar la posición, en la parte del CSS en “position”

      Saludos

    • septiembre 30, 2013    

      ¿ Y se podria poner dentro de un eidget html ? Es que me gustaria ponerlo justo encima del slider de la cabecera, y debajo de la barra de la cabecera…

      Un Saludo y gracias 🙂

    • septiembre 30, 2013    

      ¿Y que atributo habria que poner en “position” para que lo mostrase arriba de todo ?

    • octubre 7, 2013    

      He probado y no soy capaz de que quede bien. ¿ Me podrías echar una mano ?

    • octubre 8, 2013    

      en donde pone style=”display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;”> en vez de bottom pon top.

    • octubre 8, 2013    

      En donde pone style=”display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;”> en vez de bottom pon top.

    • octubre 8, 2013    

      Muchisimas gracias Aitana, justamente es lo que estaba buscando.

      Saludos

    • octubre 16, 2013    

      Ataina gracias por tu aporte 😉

      La verdad estos días no me ha quedado casi tiempo y por eso no había respondido.

      Saludos

  4. Az-A Az-A
    noviembre 9, 2013    

    Lo implemente en mi blog pero la barra desaparece despues de 1 segundo aproximadamente. ¿Alguna idea de porque?

  5. Nico Nico
    noviembre 9, 2013    

    Quiero cambiar el tamaño del mensaje, en el botón de OK con fondo celeste me aparece sobre las letras del mensaje, gracias.

  6. noviembre 13, 2013    

    Únicamente con esto me libro de cualquier denuncia que pueda ponerme la UE por incumplir la normativa de Cookies? Es decir, cumple lanormativa de Cookies al 100%?

    • noviembre 22, 2013    

      Con esto estas avisando a tus lectores del uso de cookies en tu blog así que si agregas esto si estas acatando la normativa de cookies.

  7. noviembre 16, 2013    

    Algo sabía sobre este tema, pero no sabía que podía haber sanciones tan fuertes.

    Este artículo me salvó la vida con respecto a esto… lo acabo de poner. Muchas gracias.

    • noviembre 22, 2013    

      Bruno las sanciones como tu mismo dices, son muy severas.

      Saludos

  8. noviembre 21, 2013    

    También doy las gracias, quiero contestar a una pregunta que decía por la ley hace falta el consentimiento del usuario. Pues, ahí está, en el aviso se pone “si continua navegando, consideramos que acepta el uso de cookies”. En muchos sitios web, así es. Si hay otra forma de aceptación, espero la aportación para que sepamos de ella.

    • noviembre 22, 2013    

      Pues por ahora este es el método mas simple y efectivo para cumplir la ley de cookies 🙂

      Saludos

  9. diciembre 3, 2013    

    Gracias estuve buscando y todo lo que encontraba era super complicado, con tu tutorial en 3 segundos listo!!!

  10. diciembre 8, 2013    

    A los que no saben de cookies, deberían informarse más. Si vas a insertar este mensaje de uso de Cookies, tienes que aceptar que sí utilizas Cookies propios, tener condiciones del servicio y política de privacidad en tu sitio, Si no lo haces los buscadores van a ignorar tu web, pero eso no es lo peor, si no insertas Cookies propios tendrás un grande problema, claro, si tu sitio es de alguna empresa o alguna cosa del gobierno, ahí si tendrás grabes problemas.

    • diciembre 15, 2013    

      Nicolas como bien dices esta ley es de mucho cuidado, pero solo afecta a los españoles.

      Saludos

    • diciembre 24, 2013    

      Este comentario ha sido eliminado por el autor.

  11. diciembre 22, 2013    

    Buenas,

    Pero veo que no sale en la versión movil de la plantillas, como lo podemos solucionar? gracias

    • diciembre 28, 2013    

      Hola Equilibri, lo que tienes que hacer es colocar el aviso en la pestaña diseño, luego ir a Editar HTML, expandir la plantilla de artilugios, buscar el widget del aviso de cookies, y para terminar agregar dentro de el widget la línea mobile=”yes” o mobile=”only”

    • enero 4, 2014    

      Eso no lo entendí muy bien, ya que no me sale eso de “expandir la plantilla de artilugios”.

      Un saludo.

      • octubre 11, 2014    

        Plantilla de formato…

        • octubre 14, 2014    

          Nicolas R. tienes buena disposición para ayudar a los demás, podrías ser autor del blog 😉

          Saludos

          • noviembre 19, 2014    

            Soy muy nuevo en esto, tengo 15 años!

    • enero 4, 2014    

      Como dice Nicolas así se hace 😎

    • enero 8, 2014    

      Puedes explicar este paso?? Lo intento pero no lo comprendo y no consigo q salga el aviso en mobiles

  12. enero 25, 2014    

    muchas gracias. Lo he utilizado

  13. enero 26, 2014    

    Ceferino gracias por usar este truco.

    Saludos

  14. enero 26, 2014    

    de

  15. enero 26, 2014    

    Hola y enhorabuena por la web. Soy de España y he leído que esto no es suficiente. Hay que informar más ampliamente de las cookies y añadir un política de privacidad. ¿tienes planeado ampliarlo? Seguro que mucha gente, y yo el primero te lo agradecerían. Gracias por compartir.

    • enero 27, 2014    

      Kami en efecto tienes razón, tenia planteado actualizarla pero creare otra entrada con otro método que si cumple con todo lo especificado en la ley de cookies.

      Saludos

  16. febrero 2, 2014    

    Hola Hayder,

    Muchas gracias por el tutorial, realmente fácil lo de colocar el aviso, he leído más arriba que no cumple del todo con la dichosa ley de cookies, yo he visto muchas webs que solo incluyen esta misma información así que me apunto con los demás y te doy la enhorabuena! 😉

    Por cierto enhorabuena también por tu blog, es el segundo día que doy contigo en resultados de google! 😉

    Saludos!!

  17. febrero 19, 2014    

    Hola este código también valdría para cualquier tipo web, html php o sólo para blogger?, saludos.

    • septiembre 24, 2014    

      Este código no tiene dependencias de Blogger, por lo tanto, funciona en todo. 😀

  18. Anonymous Anonymous
    febrero 26, 2014    

    Buenas tardes,

    Lo primero, gracias por el artículo, y lo segundo es que tengo un pequeño problema. Funciona perfectamente pero la barra sólo aparece al entrar en alguna de las publicaciones de mi blog. Es decir, si alguien entra en mi blog no verá nada, sólo aparecerá el aviso si abre alguno de los artículos…
    No sé muy bien a qué se debe y si puedo hacer algo para solucionarlo…

    Gracias de antemano y disculpas por las molestias.

    Un saludo,

    Jan, de nordpop.com

    • marzo 13, 2014    

      Amigo yo si veo la barra en la pagina principal de tu blog.

      Saludos

    • septiembre 24, 2014    

      Recuerda que el aviso sólo se muestra una vez…

  19. marzo 4, 2014    

    gracias por el tutorial lo he colocado y ha quedado bien

  20. Anonymous Anonymous
    abril 2, 2014    

    Gracias por el código.

    Lo que no sé es, como ahora parece que ya es válido en la ley que simplemente con clickar en un enlace o con el desplazamiento en scroll (no sé si se dice así) del usuario ya se cumple sin tener que hacer click en Ok o Aceptar. Desde mi ignorancia… ¿Se podría añadir una función a ese script que hiciera desaparecer la barra con esas llamadas acciones positivas. Gran parte de esas barras lo hacen ahora. ¿Sabes como se puede lograr eso? Muchas gracias

  21. abril 13, 2014    

    Perfecto: claro y conciso ¡gracias!

  22. mayo 6, 2014    

    Una pregunta, que le podemos añadir al código para que en la versión movil de la web se adapte? en la versión web se ve genial pero en la versión movil no se puede pulsar el botón ok ni el de mas información, os dejo mi web http://www.memeo.org

    • septiembre 24, 2014    

      Este comentario ha sido eliminado por el autor.

  23. mayo 6, 2014    

    Una pregunta, he colocado el código en mi web y en la versión del navegador se ve perfecto, pero en la versión movil de la web se descuadra y no se ve el mensaje completo no se puede pulsar el botón ok ni mas información, la web es http://www.memeo.org alguna idea de que modificar en el código? gracias de antemano.

  24. mayo 26, 2014    

    Gracias por el aporte!, me sirvió bastante

  25. septiembre 3, 2014    

    Funciona perfectamente, muchísimas gracias por un truco tan útil y que puedes ahorrarnos tantos problemas legales.

  26. septiembre 18, 2014    

    Es de mucha ayuda este post. Gracias.

  27. Anonymous Anonymous
    octubre 7, 2014    

    Hola!
    Genial el post, gracias. Ha servido de mucho!

    He instalado el código en las diferentes páginas de una web hecha con html. El problema es que en unas sí aparece la ventana y en otras no. Podrías indicarme el posible motivo??

    Muchas gracias!
    Carmen

  28. octubre 27, 2014    

    Gracias amigo.. Lo modifique por completo.. lo puse en la parte superior de mi Blog y lo cambie al color de mi plantilla, También centre el texto para que tenga una mejor visualización.. Gracias por el código.

    • octubre 28, 2014    

      Amigo eres muy bueno jugando con los códigos |o|

      Saludos

  29. diciembre 2, 2014    

    Hola, tengo este aviso insertado en varias webs, pero desde hace unos dias que no se visualiza. Tienes constancia de ello?

  30. diciembre 2, 2014    

    Hola, he insertado este aviso en varias de mis webs y todo bien, pero desde hace unos dias que no se visualiza en ninguna. He eliminado los cookies y demás de todos los navegadores y nada,,,

    • diciembre 9, 2015    

      Hola, a mí me pasa lo mismo, la barra de aceptación de cookies ha dejado de funcionar, básicamente ya no aparece ¿alguna explicación o solución?

      • Juvinao Juvinao
        diciembre 10, 2015    

        Hola Fran, en unos días voy a publicar un nuevo truco para WordPress y Blogger sobre este tema.

        Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo