Crea tu propio contador de visitas para tu blogger o pagina web, totalmente personalizable desde cualquier URL

Este tutorial que haré a continuación es para usuarios mas avanzados, comparto esto porque a mi me fue de mucha utilidad para mi web de Frases; http://fraseebook.blogspot.com

Creando esta web me surgió la necesidad de ponerle un contador de visitas a cada Post, buscando por la red algun contador que me sea util me encontre con esta publicación pero tiene limitaciones ya que solo se podía ver las visitas dentro de la entrada, pero si querías verlo en la portada principal de blogger no se podía y no funcionaba.
Asi que me las ingenie para programar un codigo que me permita visualizar las visitas de cada post en todos los lugares de mi blogger, ya sea en la portada, dentro del post, en relacionadas o en donde sea.

Ejemplo demostrativo

• Lo primero que tienen que hacer es crear 2 archivos con extencion .php
• Me pondré el caso que quiero saber la cantidad de visitas de esta URL: http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html

El primer archivo lo llamaremos "contador.php"

• Lo que hara este archivo es generar automaticamente un archivo de texto .txt con este nombre: http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html.txt
• Resulta muy largo y engorroso el nombre de ese archivo, es por eso que uso la funcion replace en PHP para desaparecer algunas cosas de la url y al final obtener un archivo con este nombre: 2012-08-crea-tu-propio-contador-de-visitas-para.txt
• En la linea 5, 6, 7 use la funcion replace
• Otro punto importante es con que cantidad de visitas desean que empiece el contador, por ejemplo si desean que empiece con 100 visitas como punto de inicio, solo tendrán que cambiar en la linea 9 y 24 el numero "1" por "100". De esta manera el contador mostrara 100 visitas para esa URL

<style>body {margin:0}.contador {font-size: 11px;font-weight: bold;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;background-color: #fff;}</style>
<!-- Contador de Visitas personalizado - vicioalex.com -->
<div class="contador">
<? $conta=$_GET['v'];
$conta  = str_replace("http://vicioalex.blogspot.com/","",$conta); 
$conta  = str_replace(".html","",$conta); 
$conta  = str_replace("/","_",$conta); 
$archivo = "$conta.txt";
$contador = 1;
if (file_exists($archivo)) {
$fp = fopen($archivo,"r");
$contador = fgets($fp, 26);
fclose($fp);
$contador++;
$fp = fopen($archivo,"w+");
fwrite($fp, $contador, 26);
fclose($fp);
echo "$contador Visitas";
return;
}
else {
$fp = fopen($archivo,"w");
fwrite($fp, $contador);
echo "1 Visitas";
fclose($fp);
} ?>
</div>
<!-- Contador de Visitas personalizado - vicioalex.com -->

El segundo archivo lo llamaremos "contador2.php"

• Aqui no hay nada que modificar, excepto si cambiastes la cantidad de visitas de inicio, si pusistes que empiece con 100 visitas, entonces deveras cambiar en la linea 11 el "1" por el "100"

<style>body {margin:0}.contador {font-size: 11px;font-weight: bold;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;background-color: #fff;}</style>
<!-- Contador de Visitas personalizado - vicioalex.com -->
<div class="contador">
<? $conta=$_GET['v'];
$conta  = str_replace("http://vicioalex.blogspot.com/","",$conta); 
$conta  = str_replace(".html","",$conta); 
$conta  = str_replace("/","_",$conta);
if (file_exists("$conta.txt")){ 
include("$conta.txt");
}else{ 
echo "1"; 
} ?> 
Visitas</div>
<!-- Contador de Visitas personalizado - vicioalex.com -->

Este es el codigo que pondremos en la pagina donde queremos que empiece a contar (contador.php)

• En la linea 2 esta el IFRAME que hara el conteo de las visitas usando esta url: http://tu-pagina-web/contador.php?v=http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html

<div class="contador">
<iframe frameborder="0" height="11" scrolling="no" src="http://tu-pagina-web/contador.php?v=http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html" width="70"></iframe>
</div>
<img src="https://lh5.googleusercontent.com/-5gS0H8kHpUI/UByrL-pZqmI/AAAAAAAABSc/mMWQYaCu7Q0/s30/estadisticas-frases.png" border="0"/>
<style>.contador {margin-left: 30px;position: absolute;margin-top: 10px;}</style>

Este codigo es solo para visualizar la cantidad de visitas, pero no hara el conteo de visitas (contador2.php)

• En la linea 2 esta el IFRAME que hara visualizar la cantidad de visitas, mas no hara el conteo: http://tu-pagina-web/contador2.php?v=http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html

<div class="contador">
<iframe frameborder="0" height="11" scrolling="no" src="http://tu-pagina-web/contador2.php?v=http://vicioalex.blogspot.com/2012/08/crea-tu-propio-contador-de-visitas-para.html" width="70"></iframe>
</div>
<img src="https://lh5.googleusercontent.com/-5gS0H8kHpUI/UByrL-pZqmI/AAAAAAAABSc/mMWQYaCu7Q0/s30/estadisticas-frases.png" border="0"/>
<style>.contador {margin-left: 30px;position: absolute;margin-top: 10px;}</style>

Trate de ser lo mas resumido posible, cualquier duda me escribes aqui.

Entradas Relacionadas

..

..

Compatir esta publicacion:

Publicado por: Unknown | Categoria: Tutoriales , webmaster | El: 07 agosto 2012 , A las: 6:59 p. m.