Page -> Diferencia entre revisiones de «Contadores-web» Vistas :  Página  Discusión  Ver fuente  Historial 

De DIT-CDC

(Contadores basados en contador.php)
(Contadores basados en contador.php)
Línea 34: Línea 34:
  
 
Este contador admite un parámetro más, START, que se utiliza para darle un valor inicial al contador cuando se crea por primera vez. Si el contador ya ha sido creado previamente, el valor indicado en START se ignora totalmente.
 
Este contador admite un parámetro más, START, que se utiliza para darle un valor inicial al contador cuando se crea por primera vez. Si el contador ya ha sido creado previamente, el valor indicado en START se ignora totalmente.
 
Los contadores basados en contador.php se usan insertando en la página html en cuestión el texto que crea dinámicamente el contador mediante la etiqueta IFRAME, de la forma siguiente:
 
 
<pre>
 
<IFRAME name="marco1" seamless="seamless" height=50px
 
width=100px frameborder="0" allowtransparency="true" scrolling="no"
 
SRC="http://www.dit.upm.es/cgi-bin/contador.php?ID=http://www.dit.upm.es/~cdc/pagina-de-prueba.html&DIGITS=8&START=1000"></IFRAME>
 
</pre>
 
 
El resultado sería algo así:
 
 
00001003
 
  
 
Si el servidor web en el que está la página web soporta php, la llamada podría insertarse en el código html mediante una llamada a php tal y como se muestra en el ejemplo a continuación. La ventaja estriba en que el tipo de fuente y el color, así como cualquier otro parámetro puede configurarse directamente con etiquetas html.
 
Si el servidor web en el que está la página web soporta php, la llamada podría insertarse en el código html mediante una llamada a php tal y como se muestra en el ejemplo a continuación. La ventaja estriba en que el tipo de fuente y el color, así como cualquier otro parámetro puede configurarse directamente con etiquetas html.
Línea 60: Línea 48:
  
 
<font color=green size=4>00001004</font>
 
<font color=green size=4>00001004</font>
 +
 +
Si el servidor web en el que está la página web donde queremos insertar el contador no soporta php, el script contador.php se usa insertando en la página html en cuestión el URL que crea dinámicamente el contador mediante la etiqueta IFRAME, de la forma siguiente:
 +
 +
<pre>
 +
<IFRAME name="marco1" seamless="seamless" height=50px
 +
width=100px frameborder="0" allowtransparency="true" scrolling="no"
 +
SRC="http://www.dit.upm.es/cgi-bin/contador.php?ID=http://www.dit.upm.es/~cdc/pagina-de-prueba.html&DIGITS=8&START=1000"></IFRAME>
 +
</pre>
 +
 +
El resultado sería algo así:
 +
 +
00001005
 +
 +
Para poder modificar el color o el formato de los caracteres del contador, hay que recurrir a javascript. Ponemos un breve ejemplo a continuación que debería insertarse en la cabecera de la página html. Para más información, se recomienda recurrir a la exhaustiva información al respecto que se puede encontrar en internet.
 +
 +
<pre>
 +
<head>
 +
<script type="text/javascript">
 +
<!--
 +
onload = function() {
 +
        window.frames['marco1'].document.body.style.color="blue";
 +
        window.frames['marco1'].document.body.style.fontSize="20px";
 +
        }
 +
//-->
 +
</script>
 +
</head>
 +
 +
</pre>
  
 
== Migración de los antiguos contadores ==
 
== Migración de los antiguos contadores ==

Revisión de 15:30 16 sep 2013


Configuracion de contadores web en dit.upm.es

Este documento está dividido en dos partes. Una dirigida a explicar la creación de nuevos contadores y otra orientada a la migración desde los antiguos contadores.

Creación de nuevos contadores

Contadores basados en newcounter

Los contadores basados en newcounter proporcionan una imagen (un gif animado) que muestra el cambio de un valor al siguiente de forma gráfica.

Este script necesita dos parámetros (acc y width). El parámetro acc indica la página desde la que se ha accedido (es una cadena inventada por el usuario para evitar colisionar con otras páginas siguiendo las reglas que explicamos en el párrafo siguiente). El parámetro width indica el número de caracteres que queremos mostrar en el contador. Lo usual es usar un width menor que 6, pero podría ser necesario usar un valor mayor en caso de páginas con muchas visitas.

El parámetro elegido acc usado para asignar de forma exclusiva un contador para nuestra página normalmente es inventado por el usuario en función de su nombre de usuario (ejemplo: doct), el nombre de la página en cuestión y cualquier otro valor que pueda distinguir ese contador de otros similares. Así por ejemplo, si el usuario es doct y la página es "introduccion-1.html", el parámetro que pasaríamos al contador en el campo acc= podría ser "acc=doct-introduccion-1.html".

Los contadores basados en newcounter se usan insertando en la página html en cuestión la imagen que crea dinámicamente el contador mediante la etiqueta IMG, de la forma siguiente:

<IMG align=bottom WIDTH=60 HEIGHT=20 BORDER=0 SRC="http://www.dit.upm.es/cgi-bin/newcounter?acc=usuario-pruebaweb-1.html&width=4">

El resultado es algo así: Newcounter-ejemplo.gif

Contadores basados en contador.php

Los contadores basados en contador.php proporcionan un campo alfanumérico que muestra el valor del contador como una cadena de texto.

Este script necesita dos parámetros (ID y DIGITS). El parámetro ID indica la página desde la que se ha accedido (es una cadena inventada por el usuario para evitar colisionar con otras páginas siguiendo las reglas que explicamos en el párrafo siguiente). El parámetro DIGITS indica el número de caracteres que queremos mostrar en el contador. Lo usual es usar un DIGITS menor que 6, pero podría ser necesario usar un valor mayor en caso de páginas con muchas visitas.

El parámetro elegido ID usado para asignar de forma exclusiva un contador para nuestra página normalmente es inventado por el usuario en función de su nombre de usuario (ejemplo: doct), el nombre de la página en cuestión y cualquier otro valor que pueda distinguir ese contador de otros similares. Así por ejemplo, si el usuario es doct y la página es "introduccion-1.html", el parámetro que pasaríamos al contador en el campo ID= podría ser "ID=doct-introduccion-1.html".

Otra forma de crear el parámetro ID es basándose en el enlace http que corresponde a la página. Así, si la página donde queremos poner el contador está en http://www.dit.upm.es/~cdc/pagina-de-prueba.html, en la llamada al script, podemos poner algo así: "ID=http://www.dit.upm.es/~cdc/pagina-de-prueba.html".

Este contador admite un parámetro más, START, que se utiliza para darle un valor inicial al contador cuando se crea por primera vez. Si el contador ya ha sido creado previamente, el valor indicado en START se ignora totalmente.

Si el servidor web en el que está la página web soporta php, la llamada podría insertarse en el código html mediante una llamada a php tal y como se muestra en el ejemplo a continuación. La ventaja estriba en que el tipo de fuente y el color, así como cualquier otro parámetro puede configurarse directamente con etiquetas html.

<font color="green" size=4>
<?php
echo file_get_contents("http://www.dit.upm.es/cgi-bin/contador.php?ID=http://www.dit.upm.es/~cdc/pagina-de-prueba.html&DIGITS=8&START=1000");
?>
</font>

El resultado sería algo así:

00001004

Si el servidor web en el que está la página web donde queremos insertar el contador no soporta php, el script contador.php se usa insertando en la página html en cuestión el URL que crea dinámicamente el contador mediante la etiqueta IFRAME, de la forma siguiente:

<IFRAME name="marco1" seamless="seamless" height=50px 
width=100px frameborder="0" allowtransparency="true" scrolling="no" 
SRC="http://www.dit.upm.es/cgi-bin/contador.php?ID=http://www.dit.upm.es/~cdc/pagina-de-prueba.html&DIGITS=8&START=1000"></IFRAME>

El resultado sería algo así:

00001005

Para poder modificar el color o el formato de los caracteres del contador, hay que recurrir a javascript. Ponemos un breve ejemplo a continuación que debería insertarse en la cabecera de la página html. Para más información, se recomienda recurrir a la exhaustiva información al respecto que se puede encontrar en internet.

<head>
<script type="text/javascript">
<!--
 onload = function() { 
        window.frames['marco1'].document.body.style.color="blue";
        window.frames['marco1'].document.body.style.fontSize="20px";
        }
//-->
</script>
</head>

Migración de los antiguos contadores

Contadores basados en newcounter

No se necesita hacer ningún cambio ya que los contadores seguirán funcionando sin problemas.

Contadores basados en nph-count

Hay que cambiar el código de la página html en la que se referencian.

Por ejemplo, si en la referencia antigua el código que teníamos en la página html era algo similar a:

<img src="http://www.dit.upm.es/cgi-bin/nph-count?link=http://sinbad.dit.upm.es&width=6&increase=1">



Navegación
Herramientas personales