SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Contador de visitas con cookies

Códigos Javascript

Util codigo con el que puedes mostrar a tus visitantes las veces que han visitado tus paginas, dando asi un toque profesional :-) El codigo utiliza cookies para contabilizar las visitas. Por ser un codigo javascript, no utiliza bases de datos.
Visitas: 41,455 - 17/06/2004 1:12:30
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <SCRIPT LANGUAGE="JavaScript">
  2. var caution = false
  3. function setCookie(name, value, expires, path, domain, secure) {
  4.         var curCookie = name + "=" + escape(value) +
  5.                 ((expires) ? "; expires=" + expires.toGMTString() : "") +
  6.                 ((path) ? "; path=" + path : "") +
  7.                 ((domain) ? "; domain=" + domain : "") +
  8.                 ((secure) ? "; secure" : "")
  9.         if (!caution || (name + "=" + escape(value)).length <= 4000)
  10.                 document.cookie = curCookie
  11.         else
  12.                 if (confirm("La cookie no puede pesar mas de 4kb!"))
  13.                         document.cookie = curCookie
  14. }
  15. function getCookie(name) {
  16.         var prefix = name + "="
  17.         var cookieStartIndex = document.cookie.indexOf(prefix)
  18.         if (cookieStartIndex == -1)
  19.                 return null
  20.         var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
  21.         if (cookieEndIndex == -1)
  22.                 cookieEndIndex = document.cookie.length
  23.         return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
  24. }
  25. function deleteCookie(name, path, domain) {
  26.         if (getCookie(name)) {
  27.                 document.cookie = name + "=" +
  28.                 ((path) ? "; path=" + path : "") +
  29.                 ((domain) ? "; domain=" + domain : "") +
  30.                 "; expires=Thu, 01-Jan-70 00:00:01 GMT"
  31.         }
  32. }
  33. function fixDate(date) {
  34.         var base = new Date(0)
  35.         var skew = base.getTime()
  36.         if (skew > 0)
  37.                 date.setTime(date.getTime() - skew)
  38. }
  39. var now = new Date()
  40. fixDate(now)
  41. now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
  42. var visits = getCookie("counter")
  43. if (!visits)
  44.         visits = 1
  45. else
  46.         visits = parseInt(visits) + 1
  47. setCookie("counter", visits, now)
  48. document.write("Esta es tu visita numero: " + visits)
  49. </script>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Contador de visitas con cookies" href="http://www.tutores.org/codigo/1137/" target="_blank">Contador de visitas con cookies</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
18/07/2005 22.55.43
5 5
como puedo hacer para cambiar de letra y cambiar de color a la palabra que m va a mostrar
Comentario usuario
19/04/2003
5 5
Hola digamos que debes de modificar la linea que muestra el mensaje, por algo asi.

document.write("<font face=verdana color=#555882><b>Esta es tu visita numero: " + visits) +"</b></font>"

tambien se puede hacer con hojas de estilo CSS
Saludos y espero que te sirva
Comentario usuario
18/07/2005 22.55.43
3 5
gracias.. :)
Otra consulta soy algo nuevo en scripts queria saber si es que hay un contador para que me muestre an la apgina de cuantas parseonas han visitado la pagina, en total todos los que han entrado.
Sin necesidad de tenes una base de datos.
Espero me puedan responder gracias
Comentario usuario
19/04/2003
5 5
Hola edward
para hacer lo que quieres necesitas base de datos.
Con javascript los datos se almacenan en el navegador del visitante, con otro lenguaje de programacion como asp, php, etc..., con algun tipo de base de datos.
saludos
Comentario usuario
23/09/2005 22.53.03
4 5
Hola. Necesito un contador de visitas unicas para ¿Me podeis ayudar?

Un saludo
Comentario usuario
08-12-2009 02:18:56
1 5
Muy bueno el contador, mi consulta es si solo cuenta a un usuario o tambien usuarios de otros PC dando el total de visitas o tendria que hacer otra cosa...???
Comentario usuario
23/09/2005 22.53.03
2 5
Este codigo es muy aceptable ya que me cuenta todas las visitas, yo soy un desarrollador web es to me encancta solo quiero preguntar como se le ahce para cuando quiera que desaparesca todas las visitas e inicialice todo en cero.
Comentario usuario
03-02-2009 08:44:11
5 5
Hola!!! excelente tips para los q inician el mundo de la programacion...

Pero una pregunta como habilito el contador para que solo se active una vez cuando un usurio haga todo el recorrido de la pagina, y no que se active infinitas veces cuando recorre todas los enlaces de este. Y se genere en el contador como 1 vez q lo visito....

Gracias!
Comentario usuario
06/07/2006 23.35.44
3 5
Hola, necesito un contador, pero el problema es que mude el sitio a otro servidor, y necesito poner la cantidad de visitantes que habia hasta el nuevo cambio, no que empiece desde cero. Por favor si me pueden ayudar, con este contador.
Comentario usuario
01/05/2004 16.50.01
2 5
hola necesito un contador de paguinas para una pequeña paguina que estoy haciendo para un clase solo que no se como determinar el codigo
Comentario usuario
Yusmairy
5 5
Saludos Tutores, gracias por el aporte, justo lo que buscaba.
Comentario usuario
j04g3
1 5
y en el body que voy a poner para poder hablar al cookie y arroje el resultado del contador
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.