Tutorial: Aviso de Cookies para españa (y demas paises)

  • Autor Autor Cicklow
  • Fecha de inicio Fecha de inicio
Ese cicklow con sus buenos aportes 😱

Una pregunta, esta ley solo entra en España? osea que si no recibo trafico de ahí no debería implementar esto o si?
 
cicklow dijo:
En este tutorial aprenderán a colocar con unas simples lineas de codigo el aviso de cookies para usuarios españoles (y no españoles en el caso que quieran).
Resultado:
Si sos de España: Hola soy un aviso
Si NO sos de España: Hola soy un aviso

Paso 1:
Agregamos la api de Maxmind para usar GeoIP y detectar el usuario de donde es.
HTML: 
<script src="http://j.maxmind.com/app/geoip.js"></script>

Paso 2:
Creamos la barra
HTML: 
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: [B]Enlace eliminado[/B] [/URL] ;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 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&aacute;s informaci&oacute;n</a>
</div>
</div>
Pueden cambiar:
Insertar CODE, HTML o PHP: 
http://www.google.com.ar/intl/es-419/policies/technologies/types/
por la url de sus políticas de privacidad / cookies!

Paso 3:
Agregamos el manejador de cookies desde JS
HTML: 
<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;
}
</script>
Esto permite leer las cookies y colocar las cookies usando javascript

Paso 4:
Verificamos si el usuario es de España (y si lo es tambien verificamos si ya acepto el uso de cookies o no)
HTML: 
<script>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>
Como ven se crea la cookie aviso que dura 365 dias. (o hasta que el usuario elimine las cookies)
Si quieren mostrar el aviso a todos los usuarios, solo cambian esto:
HTML: 
if(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
por esto:
HTML: 
if(getCookie('aviso')!="1"){
Y sacan esto:
HTML: 
<script src="http://j.maxmind.com/app/geoip.js"></script>

Eso es todo, es muy simple de agregar, solo agregan todo el code antes del </body> tanto en blogger, WP (editan footer.php) o sus programaciones.
El texto del aviso lo pueden cambiar en el paso 2

Código completo: Hola soy un aviso
Hacer clic para expandir...
Hey amigo cicklow, te quedo perfecto, salvo un error en el paso 2, que reconocio el backround color como si fuera un hastag
 
Excelente tutorial, una pregunta como seria el código para que vayan en header?

Gracias
 
ezio dijo:
Excelente tutorial, una pregunta como seria el código para que vayan en header?

Gracias
Hacer clic para expandir...
es lo mismo... podes meter todo el code en el header, pero es mejor en el footer asi carga dsp del sitio.

Qalpha dijo:
Hey amigo cicklow, te quedo perfecto, salvo un error en el paso 2, que reconocio el backround color como si fuera un hastag
Hacer clic para expandir...

arreglado... el foro vio ke habia un espacio antes del # y armo el hashtag
 
Exelente aporte, los amigos de España estaban pidiéndolo a gritos. :welcoming:
 
Alguien me puede decir como cambiar el colo del fondo de la barra? es que sino se me contrata con el fondo del blog.

Gracias.
 
sk10 dijo:
Alguien me puede decir como cambiar el colo del fondo de la barra? es que sino se me contrata con el fondo del blog.

Gracias.
Hacer clic para expandir...

Si se te ve en blanca, ya te lo digo luego

Enviado desde el mi movil
 
Excelente aporte, que no decaiga!!

---------- Post agregado el 17-sep-2013 hora: 10:08 ----------

Aun así no creo que cumpla las leyes españolas que son super dificiles de cumplir pues no puedes instalar las cookies antes de aceptarlas y no vale eso de si sigues navegando las aceptas sino que tiene que aceptarlas o denegarlas expresamente
 
Excelente aporte amigo, muy útil y fácil de instalar. Mejor prevenir que curar!
 
gracias...me resulta un pelín complicado. Lo miraré más...🙂
 
<html>
<head><title>Hola soy un aviso</title></head>
<body>
<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>
</body>
<html>
Hacer clic para expandir...

ahi como iria en el header? lo pongo antes del header y no carga el sitio porque da error.
 
Excelente, gracias por el aporte Cicklow 🙂
[MENTION=46906]ezio[/MENTION] , sería mejor ponerlo en el footer para no meterle más cosas a la carga del sitio, de esa manera es una de las últimas cosas en cargar.
 
dreknoun dijo:
Excelente, gracias por el aporte Cicklow 🙂
[MENTION=46906]ezio[/MENTION] , sería mejor ponerlo en el footer para no meterle más cosas a la carga del sitio, de esa manera es una de las últimas cosas en cargar.
Hacer clic para expandir...

Creo que dependiendo el servidor y la conectividad en nuestro caso no creo que tengas problema por usarlo en el header
gracias por tu sugerencia 😉
 
ezio dijo:
Creo que dependiendo el servidor y la conectividad en nuestro caso no creo que tengas problema por usarlo en el header
gracias por tu sugerencia 😉
Hacer clic para expandir...

Si lo vas a poner en el header no lo pongas antes de la etiqueta <header> (que es lo que entiendo que estás haciendo), has de colocarlo dentro del <body>, no sé si funcionará si lo ponés después del cierre del header, es cuestión de probar 🙂
 
Hola , no se si alguien ha tenido este problema pero he añadido la barra y en el home no aparece mientras que en el resto de lugares si y no se por que motivo puede ser , alguna pista?? la web es juegosdetodoterrenos.com
 
alguien tiene el tuto para blogger?
 
Excelente tutorial pero que pasa si no la pongo y mi server esta en USA y vivo en mexico por llevarle la contra a esa ley ridicula
 
gracias por el tutorial amigo
 
Hola Enlace eliminado de verdad que me ha servido bastante, pero me pregunto cómo podría usar un código como este para un mensaje sencillo en el footer, algo como "Todas las marcas mencionadas en este sitio son propiedad de sus respectivos dueños y bla, bla, bla" y disculpa el abuso pero es que me encantó como se ve jejeje
 
y1duque dijo:
Hola Enlace eliminado de verdad que me ha servido bastante, pero me pregunto cómo podría usar un código como este para un mensaje sencillo en el footer, algo como "Todas las marcas mencionadas en este sitio son propiedad de sus respectivos dueños y bla, bla, bla" y disculpa el abuso pero es que me encantó como se ve jejeje
Hacer clic para expandir...

usa lo mismo pero pone el texto ese...
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Framber tech
Tutorial: Agregar aviso de cookies en Blogger y Wordpress
Respuestas
2
Visitas
329
Framber tech
Framber tech
jcduranm
uso alternativo aviso de cookies
Respuestas
9
Visitas
435
jcduranm
jcduranm
R
Plugin GDPR Simple Notification: Aviso de cookies con enlaces
Respuestas
1
Visitas
164
Carlos Arreola
C
R
Novedoso aviso de cookies con Eu Cookie Notice plugin
Respuestas
2
Visitas
217
ramonjosegn
R
Wizard
Tutorial: Cómo implementar un aviso de cookies en tu sitio web
2
Respuestas
28
Visitas
7K
CRASHBANDICOOT
C
Atrás
Arriba