Tutorial: Acompanhar visitas a artigos no Blogger com contador personalizado

  • Autor Autor vicente espinoza
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
vicente espinoza

vicente espinoza

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
¿Quieres saber cuántas personas están leyendo tus artículos en Blogger? Con este contador personalizado, podrás seguir el impacto de cada URL única. A continuación, te mostramos cómo implementarlo en tu blogspot:

https://tutorialblogger.njalo.owinile.com/2023/05/contador-para-blogger-por-entrada.html

Demo:
https://demo-contador.njalo.owinile.com/2023/05/demo-contador-para-blogger-por-entrada.html

PD. Si te sirve este código, por favor comentarlo en la entrada del blog, estaría muy agradecido.
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Pero solo funciona de parte del cliente?

aqui uno que funciona con Firebase:

HTML: 
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-database.js"></script>

<script>
const firebaseConfig = {
  databaseURL: "TU BASE DE DATOS"
  };
 
  firebase.initializeApp(firebaseConfig);


let contador = 0;
contadorRef.once('value', snapshot => {
  contador = snapshot.val() || 0;
  contador++;
  contadorRef.set(contador);
  document.getElementById("contador").textContent = contador;
});
contadorRef.on('value', snapshot => {
  const valor = snapshot.val() || 0;
  document.getElementById("contador").textContent = valor;
});
</script>
 
andifc disse:
Pero solo funciona de parte del cliente?

aqui uno que funciona con Firebase:

HTML: 
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-database.js"></script>

<script>
const firebaseConfig = {
  databaseURL: "TU BASE DE DATOS"
  };
 
  firebase.initializeApp(firebaseConfig);


let contador = 0;
contadorRef.once('value', snapshot => {
  contador = snapshot.val() || 0;
  contador++;
  contadorRef.set(contador);
  document.getElementById("contador").textContent = contador;
});
contadorRef.on('value', snapshot => {
  const valor = snapshot.val() || 0;
  document.getElementById("contador").textContent = valor;
});
</script>
Clique para expandir...

Si tienes algun error simplemente encierra las funciones de Firebase en funciones asíncronas para llamarlas cuando las necesites.
 
andifc disse:
Pero solo funciona de parte del cliente?

aqui uno que funciona con Firebase:

HTML: 
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-database.js"></script>

<script>
const firebaseConfig = {
  databaseURL: "TU BASE DE DATOS"
  };
 
  firebase.initializeApp(firebaseConfig);


let contador = 0;
contadorRef.once('value', snapshot => {
  contador = snapshot.val() || 0;
  contador++;
  contadorRef.set(contador);
  document.getElementById("contador").textContent = contador;
});
contadorRef.on('value', snapshot => {
  const valor = snapshot.val() || 0;
  document.getElementById("contador").textContent = valor;
});
</script>
Clique para expandir...
cuantas visitas aguanta?
 
andifc disse:
Pero solo funciona de parte del cliente?

aqui uno que funciona con Firebase:

HTML: 
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-database.js"></script>

<script>
const firebaseConfig = {
  databaseURL: "TU BASE DE DATOS"
  };
 
  firebase.initializeApp(firebaseConfig);


let contador = 0;
contadorRef.once('value', snapshot => {
  contador = snapshot.val() || 0;
  contador++;
  contadorRef.set(contador);
  document.getElementById("contador").textContent = contador;
});
contadorRef.on('value', snapshot => {
  const valor = snapshot.val() || 0;
  document.getElementById("contador").textContent = valor;
});
</script>
Clique para expandir...
Gracias, lo probaré 🙂
 
andifc disse:
Si tienes algun error simplemente encierra las funciones de Firebase en funciones asíncronas para llamarlas cuando las necesites.
Clique para expandir...
No corre...
 
andifc disse:
Pero solo funciona de parte del cliente?

aqui uno que funciona con Firebase:

HTML: 
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-database.js"></script>

<script>
const firebaseConfig = {
  databaseURL: "TU BASE DE DATOS"
  };
 
  firebase.initializeApp(firebaseConfig);


let contador = 0;
contadorRef.once('value', snapshot => {
  contador = snapshot.val() || 0;
  contador++;
  contadorRef.set(contador);
  document.getElementById("contador").textContent = contador;
});
contadorRef.on('value', snapshot => {
  const valor = snapshot.val() || 0;
  document.getElementById("contador").textContent = valor;
});
</script>
Clique para expandir...
No lo pude hacer funcionar, aplique todo lo que sabia para hacerlo correr pero me fue imposible, el que si me funciono es el que tenia ya publicado en mi blog, aquí el código:

JavaScript: 
<!-- Contador de visitas post firebase :: tutorialbloggerorg.blogspot.com --> 
<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');
var blogStats = new Firebase("https://nombre-tu-proyecto.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.text(data.value);
data.value++;
if(window.location.pathname!='/')
{
if(isnew)
blogStats.set(data);
else
blogStats.child('value').set(data.value);
}
});
});

</script>


HTML: 
<p>Contador de entradas: <span id='postviews'></span> vistas</p>

Aquí dejo una demo del contador ya funcionando en blogger con firebase: https://tutorialblogger.njalo.owinile.com/2020/07/contador-de-visitas-blogger.html
 
Última edição:
Gracias por el tuto...
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo