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ún su navegació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ás informació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