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ú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 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