Tutorial: Aviso de cookies para a Espanha (e outros países)

  • Autor Autor Cicklow
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Esse cicklow com suas boas contribuições 😱

Uma pergunta, esta lei só entra na Espanha? ou seja, se eu não recebo tráfego de lá, não deveria implementar isso ou sim?
 
Neste tutorial aprenderão a colocar com algumas simples linhas de código o aviso de cookies para usuários espanhóis (e não espanhóis no caso de quererem).
Resultado:
Se você é da Espanha: Olá, sou um aviso
Se NÃO é da Espanha: Olá, sou um aviso

Passo 1:
Adicionamos a api da Maxmind para usar GeoIP e detectar de onde é o usuário.
HTML:
<script src="http://j.maxmind.com/app/geoip.js"></script>

Passo 2:
Criamos a 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>
Pode mudar:
Inserir CODE, HTML ou PHP:
http://www.google.com.ar/intl/es-419/policies/technologies/types/
pela url das suas políticas de privacidade / cookies!

Passo 3:
Adicionamos o gerenciador de cookies a partir do 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>
Isso permite ler os cookies e colocar os cookies usando javascript

Passo 4:
Verificamos se o usuário é da Espanha (e se for, também verificamos se já aceitou o uso de cookies ou não)
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 veem, é criado o cookie aviso que dura 365 dias. (ou até que o usuário elimine os cookies)
Se quiserem mostrar o aviso a todos os usuários, só mudam isto:
HTML:
if(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
por isto:
HTML:
if(getCookie('aviso')!="1"){
E tiram isto:
HTML:
<script src="http://j.maxmind.com/app/geoip.js"></script>

Isso é tudo, é muito simples de adicionar, só adicionam todo o código antes do </body> tanto no blogger, WP (editam footer.php) ou suas programações.
O texto do aviso pode ser mudado no passo 2

Código completo: Olá, sou um aviso
Ei amigo cicklow, ficou perfeito, salvo um erro no passo 2, que reconheceu o background color como se fosse uma hashtag
 
Excelente tutorial, uma pergunta, como seria o código para que vá no header?

Obrigado
 
Excelente tutorial, uma pergunta, como seria o código para que vá no header?

Obrigado
é a mesma coisa... pode colocar todo o código no header, mas é melhor no footer assim carrega depois do site.

Ei amigo cicklow, ficou perfeito, salvo um erro no passo 2, que reconheceu o background color como se fosse uma hashtag

arrumado... o fórum viu que tinha um espaço antes do # e criou a hashtag
 
Excelente contribuição, os amigos da Espanha estavam pedindo aos gritos. :welcoming:
 
Alguém pode me dizer como mudar a cor do fundo da barra? É que senão ela se confunde com o fundo do blog.

Obrigado.
 
Alguém pode me dizer como mudar a cor do fundo da barra? É que senão ela se confunde com o fundo do blog.

Obrigado.

Se ela aparece branca para você, já te digo depois

Enviado do meu celular
 
Excelente contribuição, que não pare!!

---------- Post adicionado em 17-set-2013 hora: 10:08 ----------

Ainda assim, não creio que cumpra as leis espanholas que são super difíceis de cumprir, pois não se pode instalar os cookies antes de aceitá-los e não vale isso de se continuar navegando você os aceita, mas sim que tem que aceitá-los ou negá-los expressamente
 
Excelente contribuição amigo, muito útil e fácil de instalar. Melhor prevenir do que remediar!
 
obrigado... achei um pouquinho complicado. Vou olhar mais...🙂
 
<html>
<head><title>Olá, sou um 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 próprias e de terceiros para exibir publicidade personalizada de acordo com sua navegação. Se continuar navegando, consideramos que aceita o 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;">Mais informações</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>

ah, como eu colocaria no header? Eu coloco antes do header e o site não carrega porque dá erro.
 
Excelente, obrigado pela contribuição Cicklow 🙂
[MENTION=46906]ezio[/MENTION] , seria melhor colocar no rodapé para não sobrecarregar o carregamento do site, dessa forma é uma das últimas coisas a carregar.
 
Excelente, obrigado pela contribuição Cicklow 🙂
[MENTION=46906]ezio[/MENTION] , seria melhor colocar no rodapé para não sobrecarregar o carregamento do site, dessa forma é uma das últimas coisas a carregar.

Acho que dependendo do servidor e da conectividade, no nosso caso não acho que você terá problema por usá-lo no header
obrigado pela sua sugestão 😉
 
Acho que dependendo do servidor e da conectividade, no nosso caso não acho que você terá problema por usá-lo no header
obrigado pela sua sugestão 😉

Se você vai colocar no header, não coloque antes da tag <header> (que é o que entendo que você está fazendo), você deve colocá-lo dentro do <body>, não sei se funcionará se você colocar depois do fechamento do header, é questão de testar 🙂
 
Olá, não sei se alguém teve esse problema, mas adicionei a barra e na home ela não aparece, enquanto nos outros lugares sim, e não sei por qual motivo pode ser, alguma dica?? o site é juegosdetodoterrenos.com
 
alguém tem o tutorial para blogger?
 
Excelente tutorial, mas o que acontece se eu não colocar e meu servidor estiver nos EUA e eu morar no México, só para contrariar essa lei ridícula
 
obrigado pelo tutorial, amigo
 
Olá Enlace eliminado, de verdade que me ajudou bastante, mas me pergunto como poderia usar um código como este para uma mensagem simples no rodapé, algo como "Todas as marcas mencionadas neste site são propriedade de seus respectivos donos e blá, blá, blá" e desculpe o abuso, é que adorei como fica, hehehe
 
Olá Enlace eliminado, de verdade que me ajudou bastante, mas me pergunto como poderia usar um código como este para uma mensagem simples no rodapé, algo como "Todas as marcas mencionadas neste site são propriedade de seus respectivos donos e blá, blá, blá" e desculpe o abuso, é que adorei como fica, hehehe

use o mesmo, mas coloque esse texto...
 
Voltar
Topo