Blogger Sayfa Görüntüleme Sayacı Eklentisi

Blogger'da her sayfanın kendisine ait sayfa görüntülemesini gösteren bir sayaç oluşturulabilir. Eklentiyi kurmak için aşağıdaki adımları gerçekleştirelim:

  • İlk olarak Firebase hesabı oluşturmalıyız. 
  • Google hesabı ile https://console.firebase.google.com adresine gidilir.
  • Karşıya çıkan sayfada Son projeler bölümünde Proje ekle butonuna tıklanır.
Blogger Sayfa Görüntüleme Sayacı
  • Karşımıza çıkan formda proje adımızı ve analiz ayarlarını (ülke: Türkiye) gibi gerçekleştirdikten sonra şartlar kabul edilir ve Firebase Ekle butonuna tıklanır.
  • Proje panelinden Geliştirme sekmesinden Database seçeneğine tıklanır. Sonrasında ise Veritabanı oluştur butonuna basılır.
Blogger Sayfa Görüntüleme Sayacı
  • Kilitli modda başla diyerek database etkinleştirilir.
Blogger Sayfa Görüntüleme Sayacı
  • Sonrasında Database yazısı yanında yer alan iki seçenekten Realtime Database seçilir.
Blogger Sayfa Görüntüleme Sayacı
  • Kurallar sekmesine gelinir ve false değerleri true olarak değiştirilir. Değiştirmeden sonra ise yayınla butonuna tıklanır.
Blogger Sayfa Görüntüleme Sayacı
  • Buraya kadar her şey sorunsuz gittiyse artık tema kodlarını düzenlemeye geçebiliriz.
  • Blogger panelinden tema kodları açılır.
  • Tema kodları içerisinde mutlaka güncel bir jQuery kütüphanesi bulunmalı. Eğer yoksa çok kolay bir şekilde kütüphaneyi temaya dahil edebilirsiniz.
  • Aşağıdaki kodu sayfanızın başına veya sonuna gelecek şekilde yapıştırılabilir. Örnek olarak ben blog yazarından sonra gelecek şekilde sayfa görüntülemesi sayacını ekleyeceğim.
<span class='post-view'><a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Görüntüleme</span>
  • Yukarıdaki kod aşağıdaki resimde olduğu gibi eklendi.
Blogger Sayfa Görüntüleme Sayacı
  • Aşağıdaki JavaScript kodu Blogger temada </body> etiketinin üstüne gelecek şekilde yapıştırılır.
<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://PROJE-KİMLİĞİ.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>

  • Proje kimliği yazan yere kendi oluşturduğunuz proje kimliğini yazın. Yapmanız gereken ayarlar iconundan proje ayarlarına girmek ve proje kimliğinizi öğrenmek.
Blogger Sayfa Görüntüleme Sayacı
  • Proje kimliğini yazıp temayı kaydettikten sonra blog görüntülediğimizde sayfa görüntüleme sayacının başarılı bir şekilde kurulmuş olduğunu görebiliriz.
Blogger Sayfa Görüntüleme Sayacı

3 yorum:

  1. Bu yorum bir blog yöneticisi tarafından kaldırıldı.

    YanıtlayınSil
  2. Yanıtlar
    1. Merhaba, 2018 yılına göre locked mode(kilitli mod) olarak ayar yapılmaktaydı. Sanırım Firebase güncellendiği için isim değişikliğine gidilmiş. Yeni ayar olarak production mode seçmeniz yeterli olacaktır.

      Sil