Tutorial: Seguir visitas a artículos en Blogger con contador personalizado

  • Autor Autor vicente espinoza
  • Fecha de inicio Fecha de inicio
vicente espinoza

vicente espinoza

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Última edición:
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 dijo:
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>
Hacer clic para expandir...

Si tienes algun error simplemente encierra las funciones de Firebase en funciones asíncronas para llamarlas cuando las necesites.
 
andifc dijo:
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>
Hacer clic para expandir...
cuantas visitas aguanta?
 
andifc dijo:
Pues todas las que quieras ya que solo guardará simples datos haci que no sobrepasara el limite de firebase.
Hacer clic para expandir...
Excelente dato voy a implementarlo en todos mis sitios.
 
andifc dijo:
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>
Hacer clic para expandir...
Gracias, lo probaré 🙂
 
andifc dijo:
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>
Hacer clic 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://demo.owinile.com/2023/06/demostracion-del-contador-con-firebase.html
 
Última edición:
Gracias por el tuto...
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba