Analytics Verilerini E-Posta İle Takip Etme

Google Analytics benim ve bir çok blogcunun vazgeçilmez aracı. Google Analytics sayesinde blogunuzu kimlerin, nereyi kaç kez ziyaret ettiğini, hangi kaynaktan geldiğini, ne kadar kaldığını ve çok daha fazlasını öğrenebilirsiniz.

 

Peki Google Analytics hesabınızı ne sıklıkla ziyaret ediyorsunuz? Bazılar hergün, bazıları haftada bir, bazıları ayda bir ziyaret ediyor. Bazı blogcular ise Google Analytics hesabını oluşturduktan sonra tekrar ziyaret etmek akıllarına bile gelmiyor.

 

Google Analytics’in raporlama özelliği herkesin işine yarayacak bir özellik. Raporlama özelliği sayesinde Google Analytics hesabınıza giriş yapmanıza gerek kalmadan blogunuzun istatistiklerini takip edebileceksiniz. Nasıl mı?

 

Google Analytics hesabınıza giriş yaptıktan Raporlama sekmesindeki  E-posta yazan yere tıkladığınızda aşağıdaki gibi bir pencere açılacaktır.

 

 

Bu pencerede yapmanız gereken ayarlar şu şekilde:

 

1. Raporun gönderileceği e-posta adresi.

2. Gönderilecek mailin konusu.

3. Raporun formatı.

4. Verilerin zaman aralığı.

5. Raporun gönderileceği gün.

6. Kısa not.

 

Ayarları yaptıktan sonra gönder butonuna basın ve Analytics verilerini e-posta ile takip  etmenin rahatlığıını yaşayın.

İlham Veren Blog Girişimleri Ve Girişimcileri

Daha önce Yemeksepeti.com’un hikayesinden öğrendiklerimi paylaştığım yazımda blogunu bir adım öteye taşıyarak bir girişime dönüştürmek isteyenlere önemli notlar vardı. Fakat blog yazarlığı ile girişimciliği bağdaştıramayanlar olduğunun farkındayım. Bu yüzden kazançları ve geldikleri noktayla size ilham vereceğini düşündüğüm bazı blogları tanıtmak istiyorum.

 

 

The Huffington Post

 

Listenin ilk sırasında 20 milyon doların üzerinde bir değere sahip olduğu bilinen Huffington Post ve bu blogun sahibi Arianna Huffington var. The Huffington Post tüm dünyadan haberleri ve son dakika gelişmelerini paylaşan oldukça aktif bir blog. Alexa verilerine göre dünyanın en çok ziyaret edilen 97. sitesi olan The Huffington Post’un ana gelir kaynağı PPC reklamları ve günlük kazancının $30.000 civarında olduğu söyleniyor.

 

 

Mashable

 

Sırada teknoloji meraklılarının yakından tanıdığı bir blog olan Mashable ve sahibi Pete Cashmore var. 11.5 milyon doların üzerinde bir değeri olan Mashable’ın ana gelir kaynağı ise banner reklamları. Alexa verilerine göre dünyanın en çok ziyaret edilen 360. sitesi olan Mashable’ın günlük kazancının $15.000 civarında olduğu söyleniyor.

 

 

Smashing Magazine

 

Yaklaşık 5 milyon dolar değeri olan Smashing Magazine kodlama, tasarım ve grafik konularında yayın yapan bir blog. Vitaly Friedman’ın sahibi olduğu Smashing Magazine’in gelir yöntemi de banner reklamları. Alexa verilerine göre dünyanın en çok ziyaret edilen 1301. sitesi olan Smashing Magazine’in günlük kazancı yaklaşık $6.000.

 

 

Perez Hilton

 

Mario Lavandeira’nın sahibi olduğu Perez Hilton dünyanın en popüler magazin blogu ve 2.5 milyon dolardan fazla bir değere sahip. Alexa verilerine göre dünyanın en çok ziyaret edilem 1184. sitesi olan Perez Hilton’un ana gelir kaynağı banner reklamları ve günlük kazancı $3.500 civarında.

 

 

Life Hacker

 

Blog girişimcilerine vermek istediğim son örnek Nick Denton ve 5 milyon dolara yakın bir değere sahipolan blogu Life Hacker.  İş ve yaşam verimliliğini arttırmaya yönelik paylaşımların yapıldığı blogun ana gelir kaynağı banner reklamları. Alexa verilerine göre dünyanın en çok ziyaret edlien 644. sitesi olan Life Hacker’ın günlük kazancı $4.000’dan fazla.

 

 

Farklı konularda yayın yapan blogları örnek göstermeye çalıştım ama listenin sadece bunlarla sınırlı olduğunu sanmayın. Türkiye şartlarında bu kazançlar hayal gibi gözükse de daha önce de dediğim gibi her şey hayal etmekle başlar :)

Blogger Resimli Benzer yazılar eklentisi

● Blogger Resimli Benzer yazılar eklentisi.
● Bunlarda ilginizi çekebilir eklentisi.
● Reklamsız,tüm resim formatlarına uyumlu.

Bloğunuza eklediğiniz her yazının sonunda "bunlarda ilginizi çekebilir" başlığı altında diğer içeriklerinizin görüntülenmesini sağlayan Bu eklenti sayesinde yazınızı okuyan bir ziyaretçi yazının sonunda dikkatini çekebilecek diğer içerikleri de görüp onları tıklayacak.Dolayısıyla yazılarınız daha fazla okunacak.Benim de sitemde kullandığım çok önemli bir eklenti.
Şimdi "bunlarda ilginizi çekebilir" eklentisini bloğunuza nasıl ekliyeceğinizi anlatmaya başlayalım...

1.Adım
Kumanda Paneli → Şablon → HTML’yi Düzenleye tıklıyoruz. Ctrl + F tuşlarına aynı anda basarak, açılan arama formunda </head> kodunu buluyoruz.
Bulduğunuz bu kodun hemen üstüne gelecek şekilde aşağıdaki kodları ekliyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css"> 
#related-posts{text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{background:transparent;font-size:1.4em;font-weight:700;color:#000;font-family:Georgia,"margin-bottom:.75em;margin-top:0;padding-top:0;}
#related-posts a{color:#000;}
#related-posts a:hover{color:#000;background-color:#ddd;}
</style> 
<script src='http://meftun-mede.googlecode.com/svn/trunk/Benzer_yazilar.js' type='text/javascript'/>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kR55PcuhJ2LjhNKBe5iUGby8KLwnSsQLp8ay1snnRgvggyPamQWxPdhCB2yJcOdnA9O8XxFgihJraMxCaDHf1UD_97EMB5TLib3DVjluBED_g0rZDwLulfPWBh04DrNTb7cwR78K_tQ/s1600/no-photo-available.jpeg&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Bunlarda ilginizi çekebilir&quot;;
</script>
</b:if>

2.Adım
<data:post.body/> kodunu buluyoruz.
Bulduğunuz bu kodun hemen altına gelecek şekilde aşağıdaki kodları ekliyoruz. Bu kod şablonlarda iki adet olabiliyor, sonuçlarda çıkan ilk kod, ve kaydediyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</div>
</b:if>

Kodlar içerisinde ;
relatedpoststitle="Bunlarda ilginizi çekebilir"
var maxresults=5
var defaultnoimage= Resmi olmayan konularınız için default image
Bölümlerini isteğinize göre değiştirebilirsiniz.
Not: Bu eklenti ana sayfa ve diğer sabit sayfalarda görünmez. Yani sadece açılan yazı sayfalarının altında görünür.Ama eklentinin Anasayfadaki tüm konuların devamını oku özelliğinin altında veya diğer sayfalarda da görünmesini isterseniz; Maviyle işaretlediğim yerleri silebilirsiniz.

Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...

Blogger Sekmeli İçerik Kutusu Eklentisi

Blogunuzun sidebarına ekleyeceğiniz bu eklenti ile tek bir gadgetlık alana birden fazla gadget sığdırabileceksiniz. Nasıl mı? Bu eklentide tab yani sekmeler bulunuyor. Her bir sekmeye farklı içerik ekeyebiliyorsunuz. İster resim, ister metin, ister video. Böylece hem kullanışlı hem de şık bir sidebar eklentisine sahip olabileceksiniz.

 

Eklenti resimde gördüğünüz şekldedir. Bu eklentiyi blogunuza eklemek için Blogger kumanda paneline girdikten sonra Yerleşim > Gadet Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırmanız yeterli.

 

<!-- Blog Hocam Sekmeli İçerik Menüsü -->
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 4px ;
height: 31px;
line-height: 21px;
border: 1px solid #999999;
border-left: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
width:50px;
}

ul.tabs li:hover {
background: #CCCCCC;
}

ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #FFFFFF;
}

.tab_content {
padding: 10px;
font-size: 1.2em;
display: none;
}

#container {
width: 280px;
margin: 0 auto;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>

<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">Tab1</li>
<li rel="tab2">Tab2</li>
<li rel="tab3">Tab3</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab2" class="tab_content">
<p>İçerik
</p>
</div>
<div id="tab3" class="tab_content">
<p>İçerik
</p>
</div>
</div>
</div>
<!-- Blog Hocam Sekmeli İçerik Menüsü -->

 

- Kodlarda mavi renkle gösterdiğim Tab1, Tab2, Tab3 yazan yerler sekmelerin başlıklarıdır. Örneğin 1. sekmenin içeriğine favori linklerinizi koyacaksanız Tab1 başlığını Linkler olarak değiştirebilirsiniz.

 

- Mor renkle gösterdiğim yerlere o sekmeye ait içeriğin HTML kodlarını yazabilirsiniz. Sekme içerisinde resim göstermek için oraya şöyle bir kod ekleyebilirsiniz:

 

<img src="https://resim.png" />

Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz.

Blogger’da Yazıları Sonsuz Kaydırma İle Yükleme

Bildiğiniz gibi Blogger’da sayfalar arası geçişler Önceki Kayıtlar – Daha Yeni Kayıtlar linkleri ile yapılıyor. Navigasyon dediğimiz bu klasik sayfa geçşini modifiye etmek için daha önce 2 seçenek sunmuştum.

 

1. Navigasyon Linklerini Resimle Değiştirmek

2. Numaralı Sayfa Navigasyonu

 

Bu yazıda son zamanlarda çok sık karşılaştığımız bir sayfa navigasyonu seçeneğini paylaşacağım. Infinite scrolling yani sonsuz kaydırma adı verilen bu yöntem şu şekilde çalışıyor:

 

 

Ana sayfada 7 kayıt gösterdiğinizi var sayalım. Normal şarlarda 7. kayıttan sonra bir resim veya link ile daha eski sayfaya geçi yapılması gerekir. Ancak bu eklentide 7. kayıttan sayfa aşağıya doğru kaymaya devam ediyor ve bir sonraki 7 kayıt yükleniyor. Bu döngü tüm yazılarınız gösterilinceye kadar devam ediyor.

 

Nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Bu eklentiyi bizimle paylaşan Manki’ye teşekkür ettkiten sonra eklentiyi canlı test etmek isteyenleri kendisinin bloguna yönlendirmek istiyorum.

 

Eklentiye blogunuza eklemek çok kolay. Blogger kumanda paneline girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyin ve aşağıdaki kodları yapıştırın.

 

<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/31219442542/bh-sonsuz-scroll.js' type='text/javascript'/></script>

 

İyi bloglar!