Plugins Contador de Clic para Blogger

Plugins Gratuitos Para Blogger

Plugins Contador de Clic para Blogger

Este es un contador de clic o descargas para blogger o en si para cualquier sitio web, el javascript fue publicado en Bloganalyzer. Puedes encontrar el mensaje original aquí.

En el siguiente ejemplo, puedes ver como funciona el Plugins Contador de Descargas para Blogger. Solo debes descargar el archivo en el siguiente enlace.

Descargar Plugins Blogger

Total descargas: ... veces

Puedes ver cómo implementar el plugins contador de clic en blogger, desde la siguiente entrada. entrada-publicada-próximamente

Contador de descargas para Blogger con Firebase

Codigo para implementar el contador de descargas en blogspot:

 <!-- Insertar después de <head> | Contador de clic con Firebase | Bloganalyzer & tutorialblogger.org -->
<script src='https://www.gstatic.com/firebasejs/3.6.5/firebase.js'/>
<script>
// Initialize Firebase
  var config = {
    apiKey: "clave-nombre-tu-proyecto",
    authDomain: "nombre-tu-proyecto.firebaseapp.com",
    databaseURL: "https://nombre-tu-proyecto.firebaseio.com",
    storageBucket: "nombre-tu-proyecto.appspot.com",
    messagingSenderId: "ID-nombre-tu-proyecto"
  };
  firebase.initializeApp(config);
</script>

 <!-- Insertar antes de </body> | Contador de clic con Firebase | Bloganalyzer & tutorialblogger.org -->
<script type='text/javascript'>
//<![CDATA[
  var dCounters = document.querySelectorAll('.counterCont');
  [].forEach.call(dCounters, function(dCounter){
    var el = dCounter.querySelector('a');
    var cId = dCounter.id;
    var dDatabase = firebase.database().ref('dCounter').child(cId);
  
    // get firebase data
    dDatabase.on('value', function(snap){
      var data = snap.val() || 0;
      dCounter.querySelector('span').innerHTML = data;
    });
    
    // set firebase data
    el.addEventListener('click', function(){
      dDatabase.transaction(function(dCount){
        return (dCount || 0) + 1;
      });
    });
  });
//]]>
</script>

 <!-- Insertar donde quiera contar los clic de un enlace | Contador de clic con Firebase | Bloganalyzer & tutorialblogger.org -->
<div class="counterCont" id="-ID-único-para-este-enlace-">
     <a target="_blank"  rel="nofollow noopener noreferrer" href="-URL-a-contar-">Descargar Ahora</a>     
    <p>Total descargas: <span class="counterStat">...</span> veces</p>
</div>

Etiquetas: plugins Visto: veces