5 Aralık 2012 Çarşamba

Ziyaretçilere İstediklerini Verin

Google Analytics ile ilglili hemen her yazımda bu aracın sadece ziyaretçi sayısını ölçmekte kullanılan basit bir sayaç olmadığını, blogunuzla ilgili pek çok veri elde ederek  içerik ve pazarlama stratejinizi belirlemenize yardımcı olacağını vurguluyorum.

 

Bu yazıda Google Analytics yardımıyla ziyaretçilerinize istedikleri içeriği sunmaya çalışacağız. Performansı düşük yazıları bularak bunları tekrar optimize edecek ve sayfada geçirilen ortalama süreyi geliştireceğiz.

 

Öncelikle Google Analytics hesabınıza girin ve soldaki menüden İçerik > Site İçeriği > Açılış Sayfaları sekmesini açın.

 

Google Analytics Site İçeriği

 

Bu sekmeyi açtığınızda blogunuzda ziyaret edilen sayfalar ve o sayfaları ait bazı veriler gözükecek. Yazıların performansını buradaki veriler yardımıyla ölçebilirsiniz.

 

Örneğin X konusu için X başlıklı yazınızı açan bir ziyaretçi eğer o konu hakkında istediği içeriği görmezse sayfada uzun süre kalmaz ve o sayfayı terkeder. Bu demek oluyor ki “Ortalama Ziyaret Sitesi” bizim için yazılarımızın performansını belirlemede önemli bir veridir.

 

Kendimden bir örnekle devam edeyim. Resimde de gördüğünüz gibi yazılarıma girildiğinde bir kaç dakika o sayfa zaman harcanmış. Ancak Blogunuzun Başarısını Nasıl Ölçersiniz? başlıklı yazımda geçirilen ortalama sürenin sadece 5 saniye olduğunu görüyorum.

 

Google Analytics Açılış Sayfaları

 

Bu veriden bahsi geçen yazının performansının düşük olduğunu ve bazı iyileştirme çalışmaları yapmam gerektiğini anlayabilirim.

 

Şimdi gelelim nasıl iyileştirmeler yapabileceğime. Yapmam gerken şey öncelikle insanların ne bulma umuduyla bu sayfayı ziyaret ettiğini anlamak. Bunun için aynı sekmedeki performansı düşük yazıya tıklıyorum. O yazıya ait veri ekranı geldiğinde ise İkincil Boyut > Trafik Kaynakları > Anahtar Kelime seçeneğini seçiyorum.

 

Google Analytics Yazıya Gelen Anahtar Kelimeler

 

Bu ekranda performansı düşük yazıma Google’da hangi kelimeleri arayarak ulaştıklarını yani yazıdan ne beklediklerini görebilirim. Böylece yazıya yeni bilgiler ekleyerek insanlara istedikleri şeyi verebilir ve sayfada geçirilen ortalama süreyi arttırabilirim.

 

Google Analytics kullanımıyla ilgili faydalı olacağını düşündüğüm uygulamaları paylaşmaya devam edeceğim. Umarım işinize yaramıştır. Bu yazıyı makaleyi faydalı bulduysanız aşağıdki butonlar yardmıyla arkadaşlarınızla paylaşın lütfen.

 

Teşekkürler.

4 Aralık 2012 Salı

İddaa Maçları Artık Canlı Yayınla Nesine.com'da

Nesine.com, Türkiye'de bir ilki gerçekleştiriyor. Nesine.com üyeleri artık kuponlarındaki İddaa maçlarını canlı olarak Nesine.com'da izleyebilecek.

Bunun için sporseverlerin tek yapması gereken, bültende takım isimlerinin yanında yer alan kırmızı TV logolu maçlardan izlemek istediklerini seçerek, kuponlarına eklemek ve maç saatini beklemek. Nesine.com üyesi olmayan sporseverler de ücretsiz üye olarak bu hizmetten yararlanmaya hemen başlayabiliyorlar.

nesine

Nesine.com'daki canlı yayın hizmeti ile İspanya La Liga, Almanya Bundesliga, İtalya Serie A, Fransa Ligue 1, Hollanda Ligi gibi çok izlenen ligler, Copa Libertadores, Copa Sudamericana gibi Güney Amerika'nın en önemli organizasyonları, Dünya Kupası Elemeleri, Fransa ve İspanya Kupa maçlarının yanı sıra basketbolda da Euroleague’in yer aldığı 50’nin üzerinde futbol ve basketbol liginin canlı izlenmesi mümkün olacak. Özellikle internet üstünde link arayan, canlı skor sitelerini takip eden, forum forum dolaşıp maç skorunu öğrenmek isteyenler için bu hizmet bizce bir devrim niteliğinde.

Nesine.com tarafından, Livestream teknolojisiyle internet üstünden yasal olarak İddaa maçlarının canlı olarak verilmesiyle, Türk sporunda yeni bir dönemin başladığını söyleyebiliriz.

Detaylı bilgiyi tv.nesine.com adresinde bulabilirsiniz.



Bir bumads advertorial içeriğidir.

3 Aralık 2012 Pazartesi

Sabit, Açılır Sosyal Butonlar

Daha önce paylaştığım Sabit Açılır Sosyal Kutular, blogcular tarafından çok kullanılan bir eklenti. Sosyal medya platformlarında görünürlüğünüzü arttırması ve şık görünümü sayesinde bu kadar çok kişi tarafından kullanıldı.

Paylaşacağım sabit açılır sosyal butonlar eklentisi de aynı mantıkla çalışıyor. Tek fark isminden de anlayacağınız üzere kutu yerine buton içeriyor olması.

Sabit Açılır Sosyal Butonlar

 

 

Eklentiyi blogunuzda kullanmak için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<script type='text/javascript'>
window.onload = function socialButtons() {
       $(&#39;.social_site&#39;).hover(function() {
           $(this).stop().animate({
               left: &#39;0px&#39;
           },
           &#39;fast&#39;)
       },
       function() {
           $(this).stop().animate({
               left: &#39;-140px&#39;
           },
           &#39;fast&#39;)
       })
   }
</script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;tr-TR&#39;}
</script>
<script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1' type='text/javascript'/>
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'/>

 

İkinci olarak ]]></b:skin> kodunu bulun ve bunun hemen üzerine aşağıdaki kodları ekleyin.

 

body .social_site {cursor: pointer;height: 64px;left: -140px;overflow: hidden;position: fixed;width: 200px;z-index: 10000;}
body .social_closed {left: -170px;}
body .social_open {left: 0;}
body .social_site .icon {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHsEWkmtXMG9eIFkZ0_nR0Pp_IIVqmyX-StbUL5rmtzCiltar_nTjwQuhHUQ2HqRrTK8ywD8pqkCl1Tt8hkvdn3sglZ4bJqoaCPK9HkMMex9CnLETCTiVubvoRQvwGVGCuwBsga9Huiw/s1600/social-sprite.png") repeat scroll 0 0 transparent;float: right;height: 64px;width: 60px;}
body .social_site .tray {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiHsEWkmtXMG9eIFkZ0_nR0Pp_IIVqmyX-StbUL5rmtzCiltar_nTjwQuhHUQ2HqRrTK8ywD8pqkCl1Tt8hkvdn3sglZ4bJqoaCPK9HkMMex9CnLETCTiVubvoRQvwGVGCuwBsga9Huiw/s1600/social-sprite.png") repeat-x scroll 0 0 transparent;float: right;height: 64px;width: 140px;}
body .social_facebook {top: 205px;}
body .social_facebook .icon {background-position: 60px -74px;}
body .social_facebook .tray {background-position: -15px -74px;}
body .social_facebook .tray p {
display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_facebook .tray p a, body .social_facebook .tray p a:active, body .social_facebook .tray p a:visited {
color: #FFF;text-shadow: 1px 1px 0px #077EAB; -webkit-text-shadow: 1px 1px 0px #1F366B; -moz-text-shadow: 1px 1px 0px #1F366B;display: block;font-size: 10px;width: 100%;text-decoration:none;}
body .social_users {top: 340px;}
body .social_users .icon {background-position: 60px -6px;}
body .social_users .tray {background-position: -15px -6px;}
body .social_users .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_users .tray p a, body .social_users .tray p a:active, body .social_users .tray p a:visited {
color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;}
body .social_gplus {top: 273px;}
body .social_gplus .icon {background-position: 60px 71px;}
body .social_gplus .tray {background-position: -15px -141px;}
body .social_gplus .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;}
body .social_gplus .tray p a, body .social_gplus .tray p a:active, body .social_gplus .tray p a:visited {color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;}

 

Son olarak </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<div class='social_site social_users' id='social_link_users'><a><div class='icon'/></a>
<div class='tray bg_denovo'><p><a>Twitter&#39;da Takip Et</a></p>
<p id='users_online_box'><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1320542107073&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=tr&amp;link_color=&amp;screen_name=BlogHocam&amp;show_count=false&amp;show_screen_name=&amp;text_color=' style='width: 100px; height: 20px;margin-top: -15px;margin-left: 15px;' title=''/></p></div></div><div class='social_site social_facebook' id='social_link_facebook'><a><div class='icon'/></a>
<div class='tray bg_denovo'>
<p><a>Facebook&#39;ta Beğen</a></p>
<div class='fb-like' data-href='http://www.facebook.com/bloghocam' data-layout='button_count' data-send='false' data-show-faces='false' data-width='450' style='margin-left: 30px; margin-top: -20px;'/></div></div>
<div class='social_site social_gplus' id='social_link_gplus'>
<a href='#' target='_blank' title='Google+'><div class='icon'/> </a>
<div class='tray bg_denovo'>
<p><a>Google&#39;da Öner</a></p><p id='g_plus_box' style='margin-top: -10px;margin-left: 12px;'><g:plusone/></p></div></div>

 

Değiştirmeniz gereken yerleri kırmızı renkle gösterdim. BlogHocam yazan yere kendi Twitter kullanıcı adınızı, http://www.facebook.com/bloghocam yazan yere ise kendi Facebook sayfanızın adresini yazın.

30 Kasım 2012 Cuma

Bir Blogun Hayatı

Merhaba! Bu yazıda bir blogun hayatını anlatmaya çalışacağım. Öncelikle şunu belirtmeliyim ki; bir blogun kaderini siz, yani blog yazarı belirler. Blogunuzun doğumunu, ünlü olmasını ve ölümünü getirmek tamamen sizin elinizdedir.

blog

Bir Blogun Doğumu

Bir blog, fare imleciyle “Blog Oluştur” yazan yere tıklayarak ya da site oluşturma yerlerinden oluştur seçeneğine tıklayarak doğar. Ancak blog daha yeni doğmuştur ve neredeyse hiç takipçisi yoktur. Ancak bu zamanla olacak bir şey. Bu nedenle sabırlı olmak gerekir. İlk önce blogun sahibi ilk yazısını yazar. Bu yazısı neredeyse hiç okunmamıştır ama. İkinci yazısını yazar, gene okunmaz. Üçüncü, dördüncü, beşinci derken blogun sahibi blog yazmayı bırakır ve blogu daha anne karnından çıkmadan ölmüş olur. Ancak yazı yazmaya devam ederse ...

Bir Blogun Yavaş Yavaş Ortaya Çıkması

 

Blog sahibi ısrarla bloguna yeni içerikler girmeye devam ederse blog yavaş yavaş ortaya çıkmaya başlar. Böylece her blogun geçirdiği en zor dönemi atlatmış olur. İnsanların blogu keşfetmesinde arama motorları ve sosyal ağların büyük katkısı vardır. Ancak blogun sahibi yeni içerik girmekten vazgeçerse bunlar hiçbir işe yaramaz. Blog, yavaş yavaş takipçiler edinir. Blogun takipçilerinin çoğalması ve halihazırda bulunan takipçilerin blogu takip etmeyi bırakmaması için blog sahibi bloguna sık sık içerik girmeye devam etmelidir. Eğer bunu başarırsa ...

Bir Blogun Ünlü Olması

 

Bir blog sahibi ısrarla yazmaya devam ederse takipçileri de kat kat artar. Bloga sık sık yorum yazılmaya başlanır. Artık blog herkes tarafından biliniyor ve seviliyordur. Eğer blogun sahibi sık sık içerik girmeye devam ederse ve takipçilerini daha da arttırırsa blogundan para kazanmaya başlar. Blogunun takipçisi çok olduğundan reklamlara tıklanma oranları da tavan yapar. Ancak blog sahibi yine de bloguna yeni içerikler girmelidir. Eğer bunu başaramazsa ..

Bir Blogun Ölümü

 

Öncelikle şunu söylemeliyim ki blogunun sonunu getirmek tamamen blog sahibine kalmış bir seçenektir. Bu seçeneği seçmek için bloguna yeni içerik girmemesi yeterlidir. Eğer “Zaten bir sürü takipçim var. Sonra da yazabilirim” derse blogunu kaderine terk etmiş olur. Blogun ölümü şöyle olur. Önce blog sahibi bloguna yeni içerik girmemeye başlar. Sonra da takipçileri bloga girip yeni yazıyı okumak isterken eski yazıyla karşılaşırlar. Birinci, ikinci, üçüncü gün derken blogun takipçileri hiç yeni yazı yazılmayacağı için bloga girme gereği bile duymazlar. Böylece blog, yeni doğmuş haline geri döner. Blog artık tamamen görünmez olmuştur. Uzun süre sonra blog sahibi bloguna girince acı gerçeği öğrenir: Artık blogunun hiç takipçisi kalmamıştır.

Son olarak size şunu söylemeliyim: Blogunuzdan vazgeçmeyin, tam tersine onunla ilgilenin ve zenginleştirin. Blogunuzu öldürme seçeneğini seçmeyin.

Yazar Hakkında: Bu yazı; Çeşitli teknoloji haberleri, teknolojiyle ilgili ve blog yazarları için yazılar yazan TeknoWeb ‘ den Mert OLGUN tarafından yazılmıştır.

28 Kasım 2012 Çarşamba

Kullanıcıyı Tanıyan Popup: Facebook Beğen Kutusu

 

Bloglar için geri dönüşüm oranı en yüksek “Call To Action”lardan biri hatta birincisi Popup dediğimiz siteye girince otomatik açılan küçük pencerelerdir. Blogcular, bu popupları özellikle Facebook sayfalarını beğendirmek için kullanıyorlar. 

Bu yazıda paylaştığım eklentiyi blogunuza eklediğinizde, yeni bir ziyaretçi giriş yaptığında Facebook sayfanıza ait beğen kutusu popup olarak açılacak. Cookie özelliği sayesinde aynı ziyraretçi 7 gün içerisinde tekrar giriş yaparsa o kullanıcıya popup tekrar gözükmeyecek.

 

cookie-facebook-popup

Eklentiyi blogunuzda kullanmak isterseniz Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek Ctrl + F tuş kombinasyonunun yardımıyla </head> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/>
<script src='http://yourjavascript.com/21316592254/cookie-jquery.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie(&#39;popup_user_login&#39;) != &#39;yes&#39;){
$(&#39;#fanback&#39;).delay(100).fadeIn(&#39;medium&#39;);
$(&#39;#fanclose, #fan-exit&#39;).click(function(){
$(&#39;#fanback&#39;).stop().fadeOut(&#39;medium&#39;);
});
}
$.cookie(&#39;popup_user_login&#39;, &#39;yes&#39;, { path: &#39;/&#39;, expires: 7 });
});
</script>

 

İkinci olarak ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.

 

#fanback{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}
#fan-exit{width:100%;height:100%}
#fanbox {background: white;width: 420px;height: 270px;position: absolute;top: 58%;left: 63%;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}
#fanclose {float: right;cursor: pointer;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimCUZpWd3FXk3R95bIjsAaF-fq-Qx7BahYArzmHaIyio3FogHZ-WrJ2TqY4aYhglQahg5rpxJD1BKjkVnxMKxonyD9lvkmchQFXtzy-M576ATQuqYotWMjnNUFRgUk9zaH3sg3t8vsYYgw/s1600/fanclose.png) repeat;height: 15px;padding: 20px;position: relative;padding-right: 40px;margin-top: -20px;margin-right: -22px;}
.remove-borda {height: 1px;width: 366px;margin: 0 auto;background:#F3F3F3;margin-top: 16px;position: relative;margin-left: 20px;}

 

Son olarak </body> kodunu bulun ve üstüne şu kodları ekleyin.

 

<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloghocam&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/>
</div></div>

 

Önizleme yaptığınızda popup açıldıysa şablonu kaydedebilirsiniz. Sayfayı yenilediğinizde sizi tanıyacağından popup aılmayacaktır. Çalışmadığını düşünmeyin. Tarayıcınızın çerezlerini silip sayfayı tekrar ziyaret ettiğinizde popup açılır.

 

Bu arada kodlarda biri zorunlu, diğeri isteğe bağlı olmak üzere değiştirebileceğiniz 2 yer var.

  • Verdiğim ilk kodlardaki 7 yazan yere, popupın anı ziyaretçiye kaç gün gözükmeyeceğini yazın.
  • http://www.facebook.com/bloghocam yazan yere kendi Facebook sayfanızın adresini yazın.