Tutorial: Contador Para Blogger Exclusivo Para las Entradas Del Blog

vicente espinoza Seguir

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Ago 2016
Mensajes
56
Última edición:

andifc

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Abr 2022
Mensajes
49
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

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Abr 2022
Mensajes
49
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>

Si tienes algun error simplemente encierra las funciones de Firebase en funciones asíncronas para llamarlas cuando las necesites.
 

banco_comunal

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
22 Dic 2022
Mensajes
354
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>
cuantas visitas aguanta?
 

vicente espinoza

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Ago 2016
Mensajes
56
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>
Gracias, lo probaré :)
 

vicente espinoza

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Ago 2016
Mensajes
56
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>
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:

Coderz

VIP
1
Kappa
Influencer
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
30 Ene 2019
Mensajes
2.512
Gracias por el tuto...
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba