• Retrointernet
Retrointernet
Contador de visitas en Javascript utilizando Cookies

Contador de visitas en Javascript utilizando Cookies

  • 20 de mayo de 2016

Seguimos con la generación de contadores de visitas para programadores, pero en esta ocasión en lenguaje Javascript.

Este contador se ejecuta en el navegador del usuario y no es necesario utilizar el conocido lenguaje de servidor PHP como en los anteriores contadores.

El contador de visitas basado en Javascript se incrementa cada vez que un mismo usuario visita la web, es decir, el usuario verá cuantas veces ha visitado la página. La diferencia con el contador basado en PHP es que no cuenta los usuarios de manera global, de modo que cada contador será único por usuario.

El código es muy sencillo y si en PHP se utilizaba una variable de sesión, en este caso se utiliza una cookie en la cual almacenar el valor.

La cookie se ha configurado para que nunca caduque.

Prueba en tu página el siguiente código:

function getexpirydate( nodays){

var UTCstring;

Today = new Date();

nomilli=Date.parse(Today);

Today.setTime(nomilli+nodays*24*60*60*1000);

UTCstring = Today.toUTCString();

return UTCstring;

}

function getcookie(cookiename) {

var cookiestring=""+document.cookie;

var index1=cookiestring.indexOf(cookiename);

if (index1==-1 || cookiename=="") return "";

var index2=cookiestring.indexOf(";",index1);

if (index2==-1) index2=cookiestring.length;

return unescape(cookiestring.substring(index1+cookiename.length+1,index2));

}

function setcookie(name,value,duration){

cookiestring=name+"="+escape(value)+";EXPIRES="+getexpirydate(duration);

document.cookie=cookiestring;

if(!getcookie(name)){

return false;

}

else{

return true;

}

}

count= getcookie("counter");

if(isNaN(count)){

y=setcookie("counter",0,1);

count=0;

}

count++;

document.write("Visitastes esta pagina "+count+ " veces!!");

y=setcookie("counter",count,1);

// fin de obtencion de cookie

// -->