Çalışan Blogger Kaç Kişi Okudu Eklentisi 2020

Malesef 10 yıldır blogger kaç kişi okudu eklentisi çalışmıyor ve garip bir şekilde hiç bir webmaster tekrar kod yapmadı. Ama internetten araştırarak bulduğum çalışan bir blogger kaç kişi okudu eklentisini sizler için türkçeye çevirip burada yayınlıyorum.

Kaç Kere Okundu Counter Eklentisi

Sitenizi kaç kişinin ziyaret ettiğini ya da yazılarınızı kaç kişinin gerçek manada okuduğunu merak ettiniz mi? Bunu yapmanızı sağlayacak bir site buldum. Firebase bu işlemi yapabiliyor. Firebase de ücretsiz hesap açabilir ve kodunuzu ücretsiz edinebilirsiniz.

Başlamadan önce sitenizin dosyalarını yedeklemeyi unutmayın!

View Demo

1. Firebase hesabınızı oluşturun.

Ücretsiz Firebase hesabınızı açın. Aktivasyon yapmayı ve talimatları izlemeyi unutmayın.

2. Firebase'de datalarınızı oluşturun.

Firebase size ücretsiz 10 data hakkı tanıyor. Fakat bize bir tane yeteceği için biz bir data oluşturuyoruz.

Datanıza benzersiz bir isim verip create new app 'a tıklayınız

Firebase Database

Veritabınızı kaydedin. Benim için bu mesela https://bloganalyzer-demo.firebaseio.com/.

3. Post View Counter Eklentisini yükleyin.

Blogger hesabınıza girin ve blogger dashboard a gidin.
Tema kısmına tıklayın.
Tıkla 'Edit HTML'.
(Ctrl+F) <head> ve yapıştır (Ctrl+V) aşağıdaki kodu <head>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

ara (Ctrl+F) </head> ve yapıştır (Ctrl+V)aşağıdaki kodu </head>. den önce

<script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'></script>
<script type="text/javascript">
//<![CDATA[$(function(){
  $('.post').each(function(){
    var fdb = '--YOUR DATABASE--';
    var $this = $(this),
      $title = $this.find('.post-title').text().trim();
    var dataRef = new Firebase(fdb + $title);
    dataRef.transaction(function(curr){
      if (window.location.pathname!='/'){
        return (curr||0) + 1;
      } else {
        return (curr||0);
      }
    }, function(e,c,s){
      $this.find('.blr-view-counter>span').removeClass('blr-view-loading').empty().html(s.val());
    });
  });
});//]]>
</script>

değiştir --databaseini--2. adımda oluşturduğun veritabınını fakat veritabının kod kısmını silme.

ara (Ctrl+F) </b:skin>, kopyala (Ctrl+C) aşağıdaki kodu (Ctrl+V) </b:skin>. den önce

/* --- Post View Counter by Bloganalyzer --- */
.blr-view-counter {
  margin: 0 10px 10px 10px;
  padding: 8px 5px 8px 35px;
  float: right;
  text-align: center;
  background: #fff url('http://3.bp.blogspot.com/-L45u_pdvSsg/Umz1WLZEUSI/AAAAAAAAC2A/96QhAnVyq-I/s1600/post-views.png') 3px 50% no-repeat;
  display: inline-block;
  color: #444;
}
.blr-view-loading {
  background: url('http://3.bp.blogspot.com/-EERf4K_hjBg/UmzBza69BtI/AAAAAAAAC1Q/67AexTAsKJU/s1600/spinner.gif') 50% 50% no-repeat;
  display: inline-block;
  width: 30px;
  height: 18px;
  margin: 0 0 -3px 0;
}

ara (Ctrl+F) post-header. aşağıdaki kod gibi bir kod bulacaksınız.

<div class='post-header'>
  <div class='post-header-line-1'/>
</div>

değiştir<div class='post-header-line-1'/> waşağıdakiyle

<div class='post-header-line-1'>
  <div class='blr-view-counter'>Post Views: <span class='blr-view-loading'/></div>
</div>

Sevgilerimle. Takıldığınız bir konu olursa yorumlardan ulaşabilirsiniz.

Meb Arşiv

Çalışan Blogger Kaç Kişi Okudu Eklentisi 2020