Tutorial: Implementar aviso de cookies (alerta frotante) para cumplir la ley europea

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.160
Hace varios meses el usuario [MENTION=37728]KevinCastro[/MENTION] compartió un tutorial que en realidad tiene el mismo fin que este, pero en el actual simplemente debemos hacer uso de menos pasos y menos código :encouragement:


Implementar aviso ley de cookies

1- Hacer copia de seguridad de la plantilla por si algo sale mal, puedas recuperar todo como lo tenían antes de hacer el cambio. Si no sabes como hacerla puedes seguir este tutorial

2- Acceder a la edición HTML de la plantilla de tu blog


3- Ubicar la etiqueta de cierre </body>, pegar el siguiente código justo arriba y guardar los cambios.

Insertar CODE, HTML o PHP:
<!--Inicio script ley de cookies-->
<div id="barracookies" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#d7c712;z-index: 99999;">
 <div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;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);" style="padding:6px;background:#4682B4;text-decoration:none;color:#fff;border-radius:5px;" onclick="PonerCookie();"><b>OK</b></a>
  <a rel="nofollow" href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">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;
  }
  //http://www.focoblogger.com/
   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("barracookies").style.display="block";
 }
 function PonerCookie(){
  setCookie('aviso','1',365);
  document.getElementById("barracookies").style.display="none";
 }
 </script>
 <!--Fin script ley de cookies-->

Y este sería todo el proceso para implementar el script. Puedes observar el resultado final de este script en: Prueba de aviso de cookies en blogger

Artículo original: Implementar aviso de cookies en blogger | Foco Blogger
 

Carlos Arreola

Admin
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.341
Tutorial aprobado y agregado al listado de tutoriales.
 

somosmovies

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
16 Feb 2014
Mensajes
242
consulta: sirve para web española o todo el mundo?
 

elandroidepirata

Beta
Redactor
Verificación en dos pasos desactivada
Desde
19 Feb 2014
Mensajes
74
El scrip probablemente no cumpla con la legislación porque permite que se instalen las cookies antes de que el usuario acepte. :)
 

0xefro

Beta
Programador
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
2 Feb 2014
Mensajes
33
El scrip probablemente no cumpla con la legislación porque permite que se instalen las cookies antes de que el usuario acepte. :)

Entonces... seria tan amable de postear el codigo que, antes de que se ejecuten las cookies, muestre el aviso??
Gracias. :)
 

migaso

Beta
Verificación en dos pasos desactivada
Desde
13 Nov 2012
Mensajes
138
¿Se sabe como sería el código para que no se instalen las cookies antes del aviso?
 

wirossp

1
Lambda
Verificación en dos pasos desactivada
Desde
22 Jun 2011
Mensajes
2.810
Lo añadí a mis webs, gracias.
 

dani002

Iota
Verificación en dos pasos desactivada
Desde
25 Jul 2011
Mensajes
2.001
perfecto :encouragement:
 

busk2

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
16 Sep 2014
Mensajes
22
vamos a probarlo
 

Patricaos

Curioso
Redactor
Verificación en dos pasos desactivada
Desde
26 Dic 2014
Mensajes
7
Mil gracias! Había probado otros códigos que no habían funcionado, pero éste si, y me va perfecto :)
 

Andres128

Iota
Programador
Verificación en dos pasos activada
Desde
17 Feb 2012
Mensajes
2.387
Gracias bro esta super :encouragement::encouragement:
 

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.160
Me alegra que le haya funcionado :encouragement:
 

alrynec

Beta
Verificación en dos pasos desactivada
Desde
31 Oct 2014
Mensajes
64
Si blogger se aloja en Mountain View no tengo porque poner eso cierto?
 

Kikecampo

Delta
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
29 Ene 2015
Mensajes
610
Excelente aporte:encouragement:
 

CRASHBANDICOOT

Gamma
Verificación en dos pasos desactivada
Desde
28 Nov 2014
Mensajes
189
Si activas Navbar y te visitan de españa o de laguna parte de europa, sale el aviso de cookies en el navbar

cookies.png
 

alejandros

Mi
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
23 Oct 2014
Mensajes
3.241
para blogger. no es necesario... el mismo lo implementa.. si ponen su dominio.. .fr saldrá ese aviso... ojo solo en blogger..
 

Fabima

Zeta
Redactor
Verificación en dos pasos desactivada
Desde
15 Oct 2014
Mensajes
1.723
disculpa la duda , pero dice en el codigo "www.focoblogger.com" ¿què es?
 

Arriba