Demostración del contador con firebase

Contador por Entradas en Blogger con Firebase

Si eres un blogger y te gustaría tener un contador de entradas en tu sitio web, estás en el lugar adecuado. En este artículo, te enseñaremos cómo implementar un contador por entradas utilizando Firebase como base de datos. Sigue leyendo para descubrir cómo puedes agregar esta funcionalidad a tu blog y mantener un registro de tus visitas.

¿Qué es Firebase?

Firebase es una plataforma de desarrollo de aplicaciones móviles y web que proporciona una variedad de herramientas y servicios para facilitar el desarrollo de aplicaciones. Uno de los servicios ofrecidos por Firebase es su base de datos en tiempo real, que permite almacenar y sincronizar datos en tiempo real.

Configuración de Firebase

Antes de comenzar, debes crear una cuenta en Firebase y crear un nuevo proyecto. Una vez que hayas creado el proyecto, obtendrás un archivo de configuración que contiene las credenciales necesarias para conectarte a la base de datos de Firebase.

Para agregar Firebase a tu blog en Blogger, sigue estos pasos:

1. Accede al panel de control de Blogger y selecciona tu blog.
2. Ve a la pestaña "Tema" y haz clic en "Editar HTML".
3. Busca el cierre de la etiqueta `</body>` y justo antes de esa línea, pega el siguiente código:

<!-- Contador de visitas post firebase :: https://blogger.owinile.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>

Asegúrate de reemplazar "nombre-tu-proyecto", con las credenciales correctas de tu proyecto de Firebase.

Mostrar el Contador en tu Blog

Una vez que hayas configurado Firebase y agregado el código necesario a tu blog, puedes mostrar el contador en tu blog mediante la siguiente línea de código:

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

Agrega esta línea de código en el lugar de tu blog donde desees mostrar el contador de entradas. El valor del contador se actualizará automáticamente en tiempo real cada vez que alguien visite tu blog.

Conclusión

Implementar un contador por entradas en tu blog de Blogger utilizando Firebase es una excelente manera de realizar un seguimiento de tus visitas y medir la popularidad de tus publicaciones. Con la base de datos en tiempo real de Firebase, puedes garantizar que el contador se actualice de manera precisa y en tiempo real.

Ahora que conoces cómo implementar esta funcionalidad, estás listo para agregar un contador por entradas a tu blog. ¡Diviértete explorando los datos de tus visitas y mejora tu experiencia como blogger!

Nota: Si tienes problemas en implementar este contador en blogger, por favor revisa este articulo y sigue las intrucciones al pie de la letra: https://blogger.owinile.com/2020/07/contador-de-visitas-blogger.html

👇 Aquí el resultado de este código 👇

Contador de entradas: vistas