Contador de visitas individuales en Blogger

  • Autor Autor leviomat
  • Fecha de inicio Fecha de inicio
L

leviomat

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola Chicos.
Me preguntaba lo siguiente. ¿Cómo contabilizar las visitas de cada entrada de un blog?
Pensé inmediatamente en éste sitio: Free Hosted Scripts - Text Hit Counter - AKA Tumblr hit/visit counter

Intenté agregar el script en el Body con condicionales, pero nada. ¿Habrá alguna forma de crear un contador de visitas indiviuales en blogger?
Hasta el momento conozco a Graddit: виджет рейтингов pero es demasiado pesado, demora en cargar la página.

Estoy atento a su orientación 🙂
 
puedes ver cuantas visitas tiene cada entrada aun lado de ellas :fatigue:

C8XFqLy.png
 
Un script básico, también contará las tuyas:

HTML: 
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> 
<script> 
$.each($('a[name]'), function(i, e) { 
var elem = $(e).parent().find('#postviews').addClass('mbtloading'); 
var blogStats = new Firebase(&quot;https://mybloggertricks.firebaseio.com/pages/id/&quot; + $(e).attr('name')); 
blogStats.once('value', function(snapshot) { 
var data = snapshot.val(); 
var isnew = false; 
if(data == null) { 
data= {}; 
data.value = 0; 
data.url = window.location.href; 
data.id = $(e).attr('name'); 
isnew = true; 
} 
elem.removeClass('mbtloading').text(data.value); 
data.value++; 
if(window.location.pathname!='/') 
{ 
if(isnew) 
blogStats.set(data); 
else 
blogStats.child('value').set(data.value); 
} 
}); 
}); 
</script>

Asi lo imprimes:

HTML: 
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'/></div>
 
kanikase dijo:
Un script básico, también contará las tuyas:

HTML: 
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/> 
<script> 
$.each($('a[name]'), function(i, e) { 
var elem = $(e).parent().find('#postviews').addClass('mbtloading'); 
var blogStats = new Firebase("https://mybloggertricks.firebaseio.com/pages/id/" + $(e).attr('name')); 
blogStats.once('value', function(snapshot) { 
var data = snapshot.val(); 
var isnew = false; 
if(data == null) { 
data= {}; 
data.value = 0; 
data.url = window.location.href; 
data.id = $(e).attr('name'); 
isnew = true; 
} 
elem.removeClass('mbtloading').text(data.value); 
data.value++; 
if(window.location.pathname!='/') 
{ 
if(isnew) 
blogStats.set(data); 
else 
blogStats.child('value').set(data.value); 
} 
}); 
}); 
</script>

Asi lo imprimes:

HTML: 
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'/></div>
Hacer clic para expandir...

Muy bien! Un chico inteligente. Probaré el script básico. Muchas gracias! :encouragement:

---------- Post agregado el 16-may-2014 hora: 01:20 ----------
kanikase dijo:
Un script básico, también contará las tuyas:

HTML: 
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'/></div>
Hacer clic para expandir...

Y donde va ese código? :/ me lo rechaza blogger :/
 
leviomat dijo:
Muy bien! Un chico inteligente. Probaré el script básico. Muchas gracias! :encouragement:

---------- Post agregado el 16-may-2014 hora: 01:20 ----------



Y donde va ese código? :/ me lo rechaza blogger :/
Hacer clic para expandir...

El script arriba de </body> y el div puede ser donde quieras, si quieres hazlo en las entradas en el HTML
 
kanikase dijo:
El script arriba de </body> y el div puede ser donde quieras, si quieres hazlo en las entradas en el HTML
Hacer clic para expandir...
sí, perfecto. No tengo problemas con el script, el problema es el DIV :/
Me lo rechaza blogger :/
 
leviomat dijo:
sí, perfecto. No tengo problemas con el script, el problema es el DIV :/
Me lo rechaza blogger :/
Hacer clic para expandir...

HTML: 
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'></div>

:encouragement:
 
Perfecto, ahí está.
Ojalá funcione siempre.
Un saludo 🙂
 
leviomat dijo:
Perfecto, ahí está.
Ojalá funcione siempre.
Un saludo 🙂
Hacer clic para expandir...

No olvides usar condicionales para que solo salga en las entradas, y marque las visitas por entrada:

HTML: 
<b:if cond="data:blog.pageType == &quot;item&quot;">
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'></div>
</b:if>
 
kanikase dijo:
No olvides usar condicionales para que solo salga en las entradas, y marque las visitas por entrada:

HTML: 
<b:if cond="data:blog.pageType == "item"">
<div class='views-text'>VISITAS: </div> <div class='mbtloading viewscount' id='postviews'></div>
</b:if>
Hacer clic para expandir...

Sí, fue lo primero que hice. Muchas gracias nuevamente amigo 🙂

---------- Post agregado el 16-may-2014 hora: 01:49 ----------

Sería perfecto si ésto se puediera sincronizar con las estadísticas de blogger 😀
 
Intentaré agregar este script a ver si aún funciona....
 
Google Analytics puede ayudarte, eso depende para que quieras los datos.
 

Adjuntos

  • eeeeeeeeee.webp
    eeeeeeeeee.webp
    27,6 KB · Visitas: 13
  • AAAAA.webp
    AAAAA.webp
    28,1 KB · Visitas: 16
Hay que estar conectado o registrado para responder aquí.

Temas similares

CANIBAL
Tutorial: Tutorial para agregar contador de visitas en Blogger
2 3
Respuestas
43
Visitas
5K
elnazadsm
elnazadsm
T
Contador de visitas sencillo para WordPress
Respuestas
1
Visitas
207
Carlos Arreola
C
Universe
Tutorial: Poner contador de visitas en Blogger
Respuestas
8
Visitas
2K
HTML
HTML
deivid apolski
Contador de visitas blogger
Respuestas
0
Visitas
284
deivid apolski
deivid apolski
Gary Reyes
Contador de visitas ideal para mi nuevo blog
Respuestas
12
Visitas
935
rohangz
rohangz
Atrás
Arriba