Tutorial: Cómo implementar un aviso de cookies en tu sitio web

Wizard Seguir

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.256
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.jpg

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

edicion-editarhtml.jpg

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
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
11.435
Tutorial aprobado y agregado al listado de tutoriales.
 

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
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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?
 

busk2

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Sep 2014
Mensajes
32

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 :)
 

Wizard

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

alrynec

Beta
Verificación en dos pasos desactivada
Desde
31 Oct 2014
Mensajes
64
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
621
Excelente aporte:encouragement:
 

CRASHBANDICOOT

Gamma
Verificación en dos pasos desactivada
Desde
28 Nov 2014
Mensajes
189
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
23 Oct 2014
Mensajes
3.343
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
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
disculpa la duda , pero dice en el codigo "www.focoblogger.com" ¿què es?
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba