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:
creamos la 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>
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 2:
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 3:
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>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 ven se crea la cookie aviso que dura 365 dias. (o hasta que el usuario elimine las cookies)
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
pd: Edit 21/02/2014 maxmind no tiene mas la api gratis!