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 que queiram).
Resultado:
Se você é da espanha:
olá sou um aviso
se você não é da espanha:
olá sou um aviso
passo 1:
criamos a barra
HTML:
<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ú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>
podem mudar:
Inserir CODE, HTML ou PHP:
http://www.google.com.ar/intl/es-419/policies/technologies/types/
pela url de suas políticas de privacidade / cookies!
passo 2:
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>
isto permite ler os cookies e colocar os cookies usando javascript
passo 3:
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>function getgeoip(json){
if (json.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>
<script type="application/javascript" src="http://www.telize.com/geoip?callback=getgeoip"></script>
como veem se cria o cookie aviso que dura 365 dias. (ou até que o usuário elimine os cookies)
isso é tudo, é muito simples de adicionar, só adicionam todo o code antes do </body> tanto no blogger, wp (editam footer.php) ou suas programações.
O texto do aviso podem mudar no passo 2
código completo:
olá sou um aviso
pd: Edit 21/02/2014 maxmind não tem mais a api grátis!
