Blogger'da Popüler Yazılar

Çoğu blog yazarı ziyaretçilerini Google Analytics kullanarak gözlemler. Şimdi şurada ve burada gördüğüm yöntem sayesinde Google Analytics verisini kullanarak Blogger'da popüler yazıları listelemeyi anlatacağım.

Güncelleme (17.06.08): Bu yöntem Google Groups'taki bir değişiklik nedeniyle şu anda çalışmıyor. Düzeltirsem güncellerim.

Popüler yazıları göstermenin başka yolları da var. Spotplex ve AffiliateBrand bunlardan ikisi. Fakat bu yöntemleri yavaşlıkları ve ikincisinin reklam içermesi nedeniyle tercih etmedim. Baştan uyarayım, şimdi anlatacağım yol muhtemelen bu işi yapmanın en zor yolu. Peki mazoşist miyiz biz, neden kısa yol varken bunu kullanıyoruz? Dediğim gibi bu yöntem hem daha hızlı, hem de Google Analytics'i kullandığı için daha güvenilir.

Yemek tarifi verir gibi, bu iş için gerekenleri listeliyorum:
1) Blog Google Analytics ile izleniyor olmalı.
2) Yeni bir Google Grubu oluşturacağız.
3) Bir Gmail hesabı da lazım. Halihazırda varsa onu kullanabilirsiniz.
4) Analytics'in belirli aralıklarla Gmail'imize gereken veriyi göndermesini sağlayacağız.
5) Gmail'e gelen e-postayı yeni kurduğumuz Google grubuna göndereceğiz.
6) Yahoo! Pipes kullanarak verileri kullanılabilir hale getireceğiz.
7) Blogumuza sonuçları gösteren eklentiyi koyacağız.

Google Grubunu Oluşturmak

Google Analytics bir API sağlamadığı için verilere dışarıdan ulaşmamızı sağlayacak bu işlemi yapmamız gerekiyor. Google grubunu buraya tıklayarak oluşturun. Erişim düzeyini Yalnızca duyuru olarak belirleyin. Grubu oluşturduktan sonra ayarlarına gidip Erişim bölümünde Grup içeriğini herkes görüntüleyebilir, Bu grubu listeleme ve Kişiler davet edilmelidir seçeneklerini seçin. Değişiklikleri kaydedin. Bunu başkalarının gruba bir şey göndermelerini engellemek için yapıyoruz.

Gmail Ayarları

Muhtemelen şu an sahip olduğunuz bir Gmail hesabı vardır. Bu hesabın ayarlarına gidin ve Filtreler kısmından yeni bir filtre ekleyin. Filtreyi oluştururken Konu bölümüne Analytics yazıyoruz ve Eki var seçeneğini etkinleştiriyoruz. Filtre oluştururken ikinci sayfadaki Gelen Kutusunu Atla seçeneğini seçebilirsiniz, bu durumda raporlar iletildikten sonra arşivlenir. Yine aynı sayfada Şu adrese yönlendir'i seçip yanına Google grubu adresini yazıyoruz (grup_adi@googlegroups.com şeklinde).

Google Analytics Ayarları

Sıra geldi Analytics verilerini düzenli olarak e-postamıza gönderecek ayarı yapmaya. Analytics hesabınıza giriş yapın ve İçerik menüsünden En Popüler İçerik'i seçin. Sayfanın sağ altındaki Satırları göster'i 50 olarak değiştirin. Sayfanın üstlerine doğru, bağlığın altındaki E-posta butonunu bulun ve tıklayın. Planla sekmesine geçiş yapın, Biçim'i XML olarak değiştirin ve Tarih Aralığı/Plan ayarını da tercihinize göre Haftalık veya Aylık olarak belirleyin. Haftalık'ı seçerseniz her pazartesi değişmek üzere önceki haftanın verisi gösterilir. Aylık'ı seçmeniz durumunda ise her ayın ilk günü değişmek üzere önceki ayın verileri gösterilir. Eğer Google Analytics'i kullandığınız hesap ve Gmail hesabınız aynı ise Bana gönder'in seçili olduğundan emin olup Planla'ya tıklıyoruz. Eğer önceki adımda yapılandırdığınız e-posta adresi Analytics'i kullandığınızdan farklı bir Gmail adresiyse Başkalarına gönder kısmına adresinizi yazmanız gerekiyor. Gönderiyi planladıktan sonra ayarları test etmek için yine aynı sayfada Şimdi Gönder sekmesini kullanarak kendimize verileri XML biçiminde gönderelim ve Google grubuna gidip kontrol edelim, e-posta gelmişse buraya kadar sorun yok demektir.

Yahoo Pipes Ayarları

Yahoo Pipes, internetteki bir veriyi alıp işleyip uygun şekilde çıktı veren bir hizmet. Üstelik kolay kullanım için oldukça güzel bir arayüz tasarlanmış.
Önbilgiyi verdikten sonra ayarlarımıza geçelim. Benim şu an kullandığım Pipe'ı kendinize göre değiştirmeniz gerekiyor. Buraya tıklayıp kullandığım Pipe'ı görebilirsiniz. Yahoo hesabınızın olması gerekiyor. Edit Source'a tıklayın ve sayfanın yüklenmesini bekleyin. Sol üstteki Fetch Feed bölümünü şu şekilde değiştirin: http://groups.google.com/group/grup_adı/feed/rss_v2_0_msgs.xml
Tahmin ettiğiniz gibi grup_adı yazan yeri kendi Google grubunuzun adıya değiştirmeniz gerekiyor. Sağ taraflara dikkatli bakarsanız Loop'un altındaki String Builder'ın içinde blogumun adresini görebilirsiniz. Orayı kendi blog adresinizle değiştirin. En sık görüntülenen yazılar listesinde kaç adet öğe olmasını istiyorsanız bunu da Truncate feed after bölümündeki 6 rakamını değiştirerek ayarlayabilirsiniz. Daha kolay anlaşılması için değişen yerlerin ekran görüntüsünü koyayım.

Değişiklikleri yaptıktan sonra sağ en üstteki Save a copy'e tıklayarak oluşturduğumuz yeni Pipe'ı kaydediyoruz. Şimdi Blogger'a giriş yapın ve Sayfa Öğeleri bölümünden yeni bir HTML/JavaScript öğesi ekleyin. İçeriğine aşağıdaki kodları kopyalayın.

<div id="popularposts"><noscript>Popüler yazılar listesini görebilmek için lütfen javascript'i etkinleştirin.</noscript></div>
<script type="text/javascript"> function topcontentCallback(obj) {
try {
var url,title,output;
output='<ul>';
for (i=0; i< obj.count; i++) {
url = obj.value.items[i].url;
try {
title = obj.value.items[i].name[0].content;
title = title.replace('<title>', '');
title = title.replace('</title>', '');
title = title.replace(' | Börkeneğin İçinden', '');
}
// if we didn't get the title (bad Pipe!), give a pseudo-
// title from the URL
catch (e) {
title = url.substring(url.lastIndexOf("/")+1,
url.lastIndexOf(".html"))
.replace(/\-/g, " ");
}
//remove the <title> tags the pipe leaves in.
output+= '<li><a href="'+url+
'" title="'+title+'">'+title+'</a></li>';
}
output += '</ul>';
document.getElementById("popularposts").innerHTML = output;
}
catch (e) {
var error = "Bilgiler alınamadı: "+e;
if (e.toString().indexOf('i')!=-1) error += "<br/>i: "+i;
document.getElementById("popularposts").innerHTML=error;
}
}
//-->
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_id=9914e048b1de620bc5ae85cab16ff04d&_render=json&_callback=topcontentCallback" type="text/javascript"> </script>

Kırmızı renkte olanlar değiştirmeniz gereken yerler. Üstteki " | Börkeneğin İçinden" kısmını listedeki her öğede blog adının görünmemesi, sadece yazı başlığının görünmesi için kullanıyoruz. Orayı kendi blogunuza göre uyarlayın. Mesela blogunuzdaki yazıların başlığı "Blog Adı: Yazı Başlığı" şeklindeyse burayı "Blog Adı: " şeklinde değiştirmelisiniz.

Alttaki kırmızı renkteki rakamlarsa kullandığımız Pipe'ın kodu. Bahsettiğim yer genişliğe sığmadığı için göremeyebilirsiniz, "&_render=json"un başına kadar devam ediyor. Size gereken kodu Yahoo Pipes'ta My Pipes listesinde Pipe'ın üstüne gelince çıkan bağlantıda görebilirsiniz ("id="den sonraki kısım). Gerekli düzenlemeleri yaptıktan sonra Blogger değişikliklerini kaydedin. Blogunuza gidip test edebilirsiniz. Eğer düzgün yaptıysanız, ki ilk seferde bunu becermek çok zor, kendinizi tebrik edin.