1.- Nos vamos a la consola de FireBase y creamos una nueva aplicación
2.- En el 2 de 3 la damos en Continuar
3.- En el paso 3 seleccionamos la cuenta en la que quieres crear la aplicación y le damos a Crear Proyecto
4.- Le das en Continuar
5.- Muy bien, estando en la consola nos vamos a Desarrollar - Database - Crear base de datos
6.- Seleccionamos MODO DE PRODUCCIÓN
7.- Sólo le das a Listo
Ok, aquí en Database le damos a Cloud Firestore y la cambiamos a Realtime Database
8.- Ok, aquí nos vamos a Reglas - cambiamos read y write a true y le das a Publicar
Bien, en Firebase eso es todo, lo que ya faltaría es saber el nombre de nuestra app, en mi caso es visitasforobeta
9.- Muy bien, ahora nos vamos para Blogger - Tema
10.- Buscamos </body>
11.- Arriba de </body>
pegamos...
<!--Contador de visitas-->
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script> $.each($("a[name]"), function(i, e) { var elem = $(e).parent().find("#postviews"); var blogStats = new Firebase("https://visitasforobeta.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>
<!--FIN Contador de visitas -->
11.- Bien, ahora buscamos </head>
y arriba de eso pegamos...
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
12.- Muy bien, ahora con este code imprimiremos el numero de visitas que tiene la entrada
<a expr:name='data:post.id'/><i class='fa fa-eye'/> <span id='postviews'></span>
Muy bien, eso es todo, espero que le funcione este tutorial y que puedan agregarlo a sus plantillas.
Nota importante 1: Si no sabes como agregar correctamente contacta a un desarrollador para que te pueda ayudar(Aquí en el foro hay muchos muy buenos que te pueden ayudar)
Nota importante 2: Crear una copia de seguridad de tu plantilla por si ocurre algún error.
Nota importante 3: Las visitas se comienzan a contar desde el momento que agregas todos los codes, no se cuentan desde que creaste el blog.
Nota importante 4: Este code es de uso libre, no permitas que sea comercializado de ninguna forma, sólo comparto contenido para que todo el mundo lo pueda hacer.
-Agradecimientos-💟
*Muchas gracias a BlogOfGirl por el tutorial.
*Gracias al ususario anfegr por ayudarme con el code del Paso 11
*Y por último, gracias a todos los que compartan este post para seguir mejorando sus plantillas y que se vean más geniales.
Referencia:https://forobeta.com/temas/contador-de-visitas-individuales-para-cada-entrada.741021/