Rykrdo Seguir
Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 4 Mar 2018
- Mensajes
- 806
Bien chicos, ya hace tiempo estuve buscando una forma para poder poner esto en blogger(Así como en WP)
Muchos desarrolladores me decían que es posible pero con la ayuda de terceros.
Para los que quieran tener el contador, aquí les dejo un tutorial.
Muchos desarrolladores me decían que es posible pero con la ayuda de terceros.
Para los que quieran tener el contador, aquí les dejo un tutorial.
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
Nota 1: Tendremos que esperar un momento para que termine de cargar...
Ok, aquí en Database le damos a Cloud Firestore y la cambiamos a Realtime Database
Así ...
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
Nota 2: Si no saben cual es la que ustedes crearon, la pueden ver en la url
9.- Muy bien, ahora nos vamos para Blogger - Tema
10.- Buscamos </body>
11.- Arriba de </body> pegamos...
Insertar CODE, HTML o PHP:
<!--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 -->
Nota 3: Pongan múcha atención donde dice visitasforobeta, tienen que reemplazarlo con el nombre de la app que crearon.
11.- Bien, ahora buscamos </head> y arriba de eso pegamos...
Insertar CODE, HTML o PHP:
<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
Insertar CODE, HTML o PHP:
<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.
Última edición: