Blogger'da Font Awesome Kullanımı

Hızlı, pratik, kullanıcı dostu olması gibi nedenlerle son zamanlarda çoğu web projesinde gördüğümüz Font Awesome hakkında bilgi vermek istiyorum. Font Awesome nedir, ne değildir, ne işe yarar, nasıl kullanılır gibi soruların yanıtlarını bu yazıda vermeye çalışacağım.

Font Awesome Nedir?

Font Awesome, vektörel ikonların font olarak bir araya geldiği, @font-face özelliğiyle çalıştığı için kullanımı oldukça kolay olan açık kaynaklı bir font/ikon kütüphanesidir.

Kısacası font awesome herkesin kullanımına açık olan bir font yani yazı tipi topluluğudur. Fakat bildiğimiz fontlarda harfler ve rakamlar varken font awesome’da ikonlar vardır.


Font Awesome Kullanmanın Avantajları Nelerdir?

Yukarıdaki tanımda da okuduğunuz üzere font awesome’ı kullanmaktaki amaç eski tip .jpg, .png, .gif grafik ikonlarının yerine daha hızlı, modern ve basit karakter ikonları göstermektir. Grafik ikonlar yerine font awesome ikonları kullanmanın avantajları kısaca şunlardır:

• Blogda kullanacağınız ikonlar grafik olmadığı için sayfanın açılması daha hızlı olacaktır.
• Font awesome ikonları hiçbir optimizasyona gerek duymadan mobil cihazlara uyacaktır.
• Çok geniş bir ikon paketi mevcut olduğundan sadece basit bir HTML kodu kullanarak yüzlerce ikondan ücretsiz faydalanabileceksiniz.
• İkonlar birbiriyle uyumlu olduğundan ve hepsi aynı familyadan geldiğinden görsel açıdan şık olacaktır.

Blogger’da Font Awesome Nasıl Kullanılır?

Font awesome ikonlarını Blogger’da kullanmanız için yapmanız gereken ilk şey font awesome dosyasını tanıtmak tır. Bunun için Şablon > HTML’yi Düzenle diyerek <head> kodunun altına şu kodu eklemelisiniz:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Şimdi  font awesome'ın ikon kütüphanesini ziyaret ederek kullanmak istediğimiz ikonun üzerine tıklayalım ve o ikona ait kodu alalım. Örnek olarak ben futbol topu ikonunu seçtim ve bu ikonu blogda göstermek için yapmam gereken tek şey o ikona ait HTML kodunu istediğim yere eklemek. Futbol topu ikonunun kodu şu:

<i class="fa fa-futbol-o"></i>

Bunu kodu eklediğimizde elde ettiğimiz sonuç ise şu:

Futbol topu örneğinden devam edelim. Futbol topu ikonunu daha farklı boyutlarda kullanmak istediğimizi düşünelim. Bunun için mevcut koda çok küçük bir ekleme yapacağız. Farklı ikon boyutları için odlar şu şekilde:

<i class="fa fa-futbol-o fa-lg"></i>
<i class="fafa-futbol-o fa-2x"></i>
<i class="fa fa-futbol-o fa-3x"></i>
<i class="fa fa-futbol-o fa-4x"></i>
<i class="fa fa-futbol-o fa-5x"></i> 

Ortaya çıkan sonuç ise şu şekilde:




Örneklerle devam ediyoruz. Şimdi de yine font-awesome'ın nimetlerinden faydalanarak sosyal ikonlardan bir yatay menü yapalım. Bunun için kullanacağımız kod şu şekilde olmalı:

<a href="#"><i class="fa fa-facebook fa-lg"></i></a>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a>
<a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
<a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
<a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a>
<a href="#"><i class="fa fa-rss fa-lg"></i></a>

Ortaya çıkan sonuç ise şu şekilde:




İkonlarının renginin yeşile döndüğünü fark ettiniz sanırım. Bunun nedeni sosdyal takip hesapları için ikonlara link vermem ve Blog Hocam'da tüm linklerin renginin yeşil olarak tanımlanmış olması. Sizin blogunuzda linkler kırmızı ise ikonlar da otomatik olarak kırmızıya dönüşecektir.

Fakat font awesome ikonlarını CSS ile istediğiniz gibi kontrol edebilirsiniz. Örneğin her ikonu farklı renk yapabilirsiniz. Bunu da bir örnekle gösterelim isterseniz. Bunun için her bir class için stil kodu tanımlamamız yeterli olacaktır:

<a href="#"><i class="fa fa-facebook fa-lg"></i></a><style>.fa-facebook{color:#3b5998}</style>
<a href="#"><i class="fa fa-twitter fa-lg"></i></a><style>.fa-twitter{color:#00aced}</style>
<a href="#"><i class="fa fa-instagram fa-lg"></i></a><style>.fa-instagram{color:#125688}</style>
<a href="#"><i class="fa fa-google-plus fa-lg"></i></a><style>.fa-google-plus{color:#dd4b39}</style>
<a href="#"><i class="fa fa-linkedin fa-lg"></i></a><style>.fa-linkedin{color:#007bb5}</style>
<a href="#"><i class="fa fa-pinterest fa-lg"></i></a><style>.fa-pinterest{color:#cb2027}</style>
<a href="#"><i class="fa fa-youtube fa-lg"></i></a><style>.fa-youtube{color:#bb0000}</style>
<a href="#"><i class="fa fa-rss fa-lg"></i></a><style>.fa-rss{color:#ff6600}</style>

Ortaya çıkan sonuç ise şu şekilde:



Aynı örnek üzerinden devam edelim. Font awesome yardımıyla gadget olarak ekleyebileceğimiz bir sosyal takip eklentisi yapalım. Bunun için yukarıdaki örnekte kullandığımız ikonları alt alta sıralayalım ve yanlarına da takip seçeneklerini yazalım. Bunun için kodu şu şekilde düzenliyoruz:

<ul class="fa-ul">
<li><a href="#"><i class="fa-li fa fa-facebook fa-lg"></i>Facebook</li></a><style>.fa-facebook{color:#3b5998}</style>
<li><a href="#"><i class="fa-li fa fa-twitter fa-lg"></i>Twitter</li></a><style>.fa-twitter{color:#00aced}</style>
<li><a href="#"><i class="fa-li fa fa-instagram fa-lg"></i>Instagram</li></a><style>.fa-instagram{color:#125688}</style>
<li><a href="#"><i class="fa-li fa fa-google-plus fa-lg"></i>Google+</li></a><style>.fa-google-plus{color:#dd4b39}</style>
<li><a href="#"><i class="fa-li fa fa-linkedin fa-lg"></i>LinkedIn</li></a><style>.fa-linkedin{color:#007bb5}</style>
<li><a href="#"><i class="fa-li fa fa-pinterest fa-lg"></i>Pinterest</li></a><style>.fa-pinterest{color:#cb2027}</style>
<li><a href="#"><i class="fa-li fa fa-youtube fa-lg"></i>YouTube</li></a><style>.fa-youtube{color:#bb0000}</style>
<li><a href="#"><i class="fa-li fa fa-rss fa-lg"></i>RSS</li></a><style>.fa-rss{color:#ff6600}</style>
</ul>

Ortaya çıkan sonuç ise şu şekilde oluyor:

• Facebook
• Twitter
• Instagram
• Google+
• LinkedIn
• Pinterest
• YouTube
• RSS

Kodlarda değişiklikler yaparak ve Font Awesome resmi sitesindeki dökümanlar ile örneklerden faydalanarak bu ikonlardan çok güzel çalışmalar yapabilirsiniz.

Devamını Oku

Blogunuz İçin Chrome Uzantısı Yapmaya Ne Dersiniz?

Blog yazarlarının insanlarla iletişim kurmalarını ve yeni yazılarından haberdar etmelerini sağlayan sosyal medya kanalları, e-posta bültenleri, mobil uygulamalar gibi pek seçenek mevcut. Peki bu seçeneklere dünyanın en çok kullanılan web tarayıcısı olan Chrome uzantısı eklemeye ne dersiniz?

Chrome kullanıcılarının araç çubuğunda ihtiyaçlarına göre Chrome Web Mağazasından ekledikleri uzantıları bilirsiniz. Hatta benim blogcular için faydalı Chrome uzantılarını derlediğim bir yazım bile vardı geçmişte. Bu kez blogunuz için kendi Chrome uzantınızı nasıl oluşturacağınızı anlatacağım. Üstelik ücretsiz! Üstelik çok basit!

Blogum İçin Oluşturacağım Chrome Uzantısı Ne İşe Yarar?

Yapacağınız Chrome uzantısı her şeyden önce sizi motve edecek. Blogunuzu daha çok seveceksiniz, insanlara havanızı atacaksınız vs. vs. :)

Blogunuz için oluşturacağınız Chrome eklentisi feed mantığıyla çalışıyor. Bir kullanıcı blogunuzun Chrome uzantısını tarayıcıya eklediğinde bir nevi beslemelere abone olacak ve yeni bir yazı yayınladığınızda uzantınız kullanıcıya bildirimde bulunacak.

Eğer Chrome uzantınızı Chrome Web Mağazasında eklerseniz blogunuzu hiç tanımayan insanlar bile mağazada gezinirken uzantınızı ekleyebilir. Böylece blogunuza yeni takipçiler kazanmış olursunuz.

Blogum İçin Chrome Uzantısı Nasıl Oluşturulur?

Chrome uzantısı yapmak için öncelikle bazı dosyalara ihtiyacınız olacak. Buradaki zipli dosyayı bilgsayarınıza indirdikten sonra unzip yaptığınızda gerekli dosyalara ulaşacaksınız.

1. Adım: Öncelikle manifest.json dosyasını not defteri veya benzer bir program (ben kod çalışmaları yaparken notepad++ kullanıyorum) ile açarak aşağıdaki yerleri kendi blogunuzun ismi ve kısa açıklaması ile değiştirip kaydedin:

• "name": "Blog Hocam - Daha İyi Bloglar İçin"
• "description": "Blog nasıl oluşturulur? İyi bir blog kurmak için neler gereklidir? İhtiyacınız olan Blogger eklentileri nelerdir?"
• "default_title": "Blog Hocam"

2. Adım: İkinci olarak extension.js dosyasını açın ve aşağıdaki feed adresini kendi feed adresinizle değiştirip kaydedin:

• var feed = new google.feeds.Feed(http://feeds.feedburner.com/BlogHocam)

3. Adım: Son değişiklik için extension.html dosyasını açın ve blog adresi ile icon urlsini kendi blogunuzun urlleri ile değiştirip kaydedin:

• <form action="http://bloghocam.blogspot.com/" method="post" class="f" target="_blank">
• <a href="http://bloghocam.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqmXYQkqrzAuyRj9Obh_G0MaD1ZsQvpYKghjZFZOu48MI5GVC8TL4mhdUllUg5-G5rSAP0Vl8ipLZ-FAvM8H_ij2DsoRXx2P2mqUHe4z53vNIU39e76oL1IlXr54xO_TFZ4DmIXhWPiTW/s128-Ic42/icon.png" /></a>

* İkon urlsi için öncelikle 128x128px boyutunda bir görsel oluşturun ve bunu Picasa Web ya da başka bir resim hosting sitesinde upload ettikten sonra urlsini alın.

Ve bitti! Gerekli değişiklikleri yaptınız. Artık klasör uzantı olarak Chrome’a eklenmeye hazır.

Oluşturduğum Chrome Uzantısını Chrome’a Nasıl Eklerim?

Öncelikle belirtmek isterim ki ikon da dahil olmak üzere tüm dosyalar ( extension.css, extension.html, extension.js, icon.png, manifest.json ) tek bir klasörün içinde olmalı.

1. Adım: Tarayıcının adres satırına chrome://extensions/ yazıp enter tuşuna basın ve açılan sayfanın sağ üst tarafındaki geliştirici modu etkinleştirin.

2. Adım: Aynı sayfadaki paketi açılmış uzantı yükle butonuna basarak dosyalarınızın bulunduğu klasörü seçin ve ekleyin.

Ekleme işlemi tamamlanınca tarayıcınızın araç çubuğunda oluşturduğunuz ikonu göreceksiniz. Artık blogunuzun Chrome uzantısı aktif ve kullanıma hazır.

Chrome Uzantımı Chrome Web Mağazsanıza Nasıl Eklerim?

Açıkçası oluşturduğunuz Chrome uzantısı bu hali ile pek pratik değil. Bir kullanıcı uzantınızı eklemek için paylaşacağınız uzantı dosyasını aynı yukarıda anlattığım gibi geliştirici modundan eklemek zorunda.

Uzantınızın herkese açık kullanıma açılması ve Chrome uzantılarının bulunduğu web mağazasından kolayca eklenebilmesi için buraya giderek 5$ karşılığında uzantınızı ekleyebilirsiniz.

Devamını Oku

Webtures’ten Faydalı Bir Kaynak: Search Console Rehberi

SEO ajansı Webtures, web tasarımı ve SEO ile ilgilenenlere özel faydalı bir e-kitap yayınladı: Search Console Rehberi

Webmaster Tools yani yeni adıyla Search Console paneli hakkında SEO ya da web tasarım ile ilgilenen herkesin hemen hemen biraz bilgisi vardır. Peki ya bu paneldeki araçları kullanmayı ne kadar iyi biliyorsunuz?

Türkiye’nin en iyi SEO ajanslarından birisi olan Webtures’te SEO Uzmanı olarak çalışan Atalay Sıdar tarafından hazırlanan Search Console Rehberi bu anlamda size yol haritası olacak nitelikte. Google ve web masterlar arasındaki iletişimin sağlandığı en büyük platform olan Webmaster Tools Rehberi tüm internet kullanıcılarının web sitelerinde yaşadıkları problemleri çözmek adına uzun süren çabalar sonucunda hazırlanmış. Bu e-kitap, web dünyasını meydana getiren temel dilleri ve teknikleri profesyonel düzeyde anlatan benzersiz bir kaynaktır.

Milenyum çağı ile birlikte hayatımıza yerleşen web dünyasını daha yakından tanımak ve iyi bir web master olmak isteyen herkesin okuması gereken bu kitapta, web alemi ile ilgili birçok ipucuna ulaşabilirsiniz. Kitap içerisinde; tarama hatalarının ne anlama geldiğini ve bu hatalardan nasıl kurtulabileceğinizi, web siteniz ile ilgili manuel spam olup olmadığını ve tümgüvenlik zafiyetlerinin kontrolünü, hızlı indeks ve Google gibi getir özelliğinin detaylarını ve daha birçok aracın nasıl kullanıldığını detayları ile öğrenebilirsiniz.

Search Console (Web Master Tools) Rehberine şuradan ulaşabilir ve ücretsiz olarak indirebilirsiniz.

Devamını Oku

Kizoa İle Slayt, Video Ve Kolaj Hazırlayalım

Blog yazılarında fotoğraf, video, animasyon, slayt gösterisi gibi görsel öğelerin kullanılmasının öneminden defalarca bahsettik. Bu şekilde oluşturulan içerikler her zaman daha fazla ilgi görür, daha çok paylaşılır.

Bloggerların en büyük sorunu ise bloglarında veya çeşitli projelerinde kullanmak istedikleri bu görsel öğeleri oluşturacak programlara ve bu programları kullanabilecek yetiye sahip olmamaktadır.

Bu durumda devreye her zaman olduğu gibi ücretsiz online araçlar giriyor. Bu yazıda tanıtacağım Kizoa isimli online araç ile sadece birkaç dakikada, ücretsiz ve profesyonel slayt gösterileri, kolajlar, animasyonlar ve videolar oluşturabilirsiniz. Bloggerların çok işine yarayacağını düşündüğüm bu araçla neler yapabileceğinizle ilgili birkaç örnek vermek istiyorum.

Fotoğraf Düzenleme

Neredeyse her yazıda kullandığımız görseller üzerinde oynayarak benzersiz çalışmalar yaratabilirsiniz. Bunun için;

1. “Fotoğraf/Video Ekle” butonuna bastıktan sonra açılan pencereden düzenlemek istediğiniz fotoğrafı seçin.

2. Seçtiğiniz fotoğraf yüklendikten sonra “Düzenle” seçeneğini seçin.

3. Düzenleme ekranında fotoğrafınız üzerinde pek çok oynama yapabilirsiniz. Yüzlerce çerçeveden birini kullanabilir, efektler ekleyebilir veya filtreler uygulayabilirsiniz.

Düzenleme işleminiz bittikten sonra “Kaydet” butonuna basıp, yeni bir kopya oluşturduktan veya mevcut fotoğrafı değiştirdikten sonra fotoğrafı bilgisayarınıza indirebilirsiniz.


Slayt Gösterisi Oluşturma Ve Bloga Ekleme

Kizoa’yı öne çıkaran en güzel özelliklerinden biri web için slayt gösterisi hazırlamaya ve bunu farklı formatlarda kaydetmeye olanak sağlaması. Bunun için;

1. ”"Slayt Gösterisi Yap” butonuna bastıktan sonra açılan pencerede “Şablonlar” ve “En Baştan” seçeneklerini göreceksiniz. Hazır şablonlardan birinde küçük değişiklikler yaparak harika slaytlar oluşturabilir veya sıfırdan kendi slaytınızı oluşturabilirsiniz. Ben hazır şablonları kullanacağım.

2. Sol taraftaki “Durumlar” sekmesinden istediğiniz şablonu seçtikten sonra yan tarafta önizlemesini görebilirsiniz. Önizlemenin hemen altından tercihi göre müziği değiştirdikten veya kapattıktan sonra “İleri” butonuna tıklayın.

3. Sırada slayt gösterisinde gösterilecek fotoğrafları seçmek var. 3 seçeneğiniz var, Facebook hesabınıza bağlanarak oradaki fotoğraflarınızdan seçim yapabilir, bilgisayarınızda kayıtlı fotoğrafları yükleyebilir veya demo fotoğrafları kullanabilirsiniz.

4. Ve slayt gösteriniz hazır. Şimdi sıra bu slayt gösterisini blogunuza ekleyerek ziyaretçilerinizi etkilemeye geldi. Sağ taraftaki seçeneklerden “Kaydet” butonuna tıkladıktan sonra açılan pencereden “Bloga Ekle”  butonuna basın.

5. Ayarlarınızı yaptıktan iframe kodunu kopyalayıp blogunuzda içerisine eklemek istediğiniz yazının HTML bölümüne girin ve slaytın gözükmesini istediğiniz yere iframe kodunu yapıştırın.

Yazıyı yayınla dedikten sonra slayt gösteriniz yazının içerisinde okuyucuları karşılamaya hazır.

Fotoğraflardan Kolaj Yapma

Özellikle bayan bloggerların moda, yemek, kendin yap konulu bloglardında sıkça kullandıkları kolajları siz de kolayca yapabilirsiniz. Bunun için;

1. “Kolaj Yap” butonuna bastıktan sonra açılan pencerede “Tablolar & Sihirli Kolajlar”, “Şablonlar” ve “En Baştan” seçeneklerini göreceksiniz. Hazır şablonlarda ve tablolarda her konuya uyacak kolajlar yapmanızı sağlayan seçenekler mevcut.

2. Sol taraftan itediğiniz şablonu seçtikten sonra yan tarafta önizlemesini görebilirsiniz. Şablonların bazıları hareketli olduğundan tercihinizi yaptıktan sonra “Seç” butonuna basın.

3. Sırada kolaja eklenecek fotoğrafları seçmek var. 3 seçeneğiniz var, Facebook hesabınıza bağlanarak oradaki fotoğraflarınızdan seçim yapabilir, bilgisayarınızda kayıtlı fotoğrafları yükleyebilir veya demo fotoğrafları kullanabilirsiniz.

4. Fotoğrafları seçtikten sonra kolajınız oluşturulacaktır. Fotoğraflarda ve varsa şablondaki metinde istediğiniz değişiklikleri yaptıktan sonra “"sağ alt taraftaki “İndir” butonuna basın.

5. Kolajın boyutunu belirledikten sonra tekrar “İndir” butonuna basarak kolajı .jpg olarak bilgisayarınıza indirebilirsiniz.

Oldukça yüksek çözünürlüklü ve kaliteli, bu kolajı blog yazılarınızda ve çeşitli projelerinizde kullanabilirsiniz.

Daha Fazlası

Kizoa’yı kullanmak için http://tr.kizoa.com/ adresini ziyaret edebilir, Türkçe yardım videolarını izleyerek kullanımı hakkında destek almak için YouTube kanalına bakabilirsiniz.

Devamını Oku

Blogger Arşiv Sayfası Nasıl Oluşturulur?

Bir kaç okurumdan arşiv sayfam ile ilgili soru almıştım. Ajandama aldığım notlar içerisinde ''Blogger Arşiv Sayfası Nasıl Oluşturulur?'' isimli bir makale başlığı yazmışım. Şimdi o notu gün yüzüne çıkarma zamanı geldi.

Arşiv sayfası için yine bir kod dizini kullanacağız. Belki de Blogger'ı güzel kılan ve en çok tercih edilen içerik yönetim sistemi olmasındaki payda bu küçük kodlarla yapabildiklerimizdir.

1.Adım - Blogger Yönetim paneline girip, sayfalar bölümünden yeni bir sayfa oluşturuyoruz. (Statik sayfa oluşturma diyenler de var) Sayfanın ismini Arşiv şeklinde isimlendiriyoruz. Ben Arşiv dedim siz başka bir isimde verebilirsiniz. Bütün Yazılar - Tüm İçerikler gibi isimlerde kullanabilirsiniz.

2.Adım - Oluşturduğumuz sayfanın HTML bölümüne gelip aşağıdaki kodları yapıştırıyoruz.

<script src="http://yourjavascript.com/9184200431/blogtoc-min.js" type="text/javascript">
</script>
<script src="http://profesyonelblogger.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

3.Adım - Yukarıda verdiğim kodların içerisinde srgz yazan kırmızı renkli yeri kendi blogunuzun ismi ile değiştirin.

Dip Not : Arşivin yüklenmesi içeriğin çokluğuna göre değişebilir. Arşiv sayfasının en üstüne ''Arşiv'in yüklenmesi biraz zaman alabilir. Lütfen bekleyiniz'' gibi bir uyarı yazısı yazabilirsiniz.

Profesyonel Blogger
İyi Bloglamalar

Devamını Oku

Sorularla Google Analytics Kullanımı

Site istatistiklerini örenmek için kullanabileceğiniz en detaylı ve en başarılı araç Google Analytics’dir. Fakat öyle zannediyorum ki içerisinde çok sayıda ve detaylı veri olduğundan ya da terimlerle dolu bir arayüzü olduğundan insanlar bu aracı kullanırken zorlanıyorlar. Hatta çoğu kişi Analytics kodunu sitesine ekledikten sonra hesabına giriş bile yapmıyor.

Daha önce Google Analytics kullanımına dair detaylı ve görsel destekli bir yazı yazmıştım fakat geçen sürede Analytics’te pek çok değişiklik olduğu için yazı güncelliğini kaybetti. Ben de Analytics’in sık kullanılan özelliklerini soru-cevap şeklinde derlemek istedim. Böylece detaylara girmeden sitenizle ilgili en önemli verileri ve istatistikleri kolayca öğrenebileceksiniz.

1. Siteme Hangi Ülkeden Ve Şehirden Giriliyor?

Kitle > Coğrafi > Yer yolunu takip ederek seçtiğiniz tarih aralığında sitenizi hangi ülkeden kaç kişinin ziyaret ettiğini, bunların kaçının yeni ziyaretçi olduğunu ve bu ziyaretçilerin sitede kalma sürelerini görebilirsiniz. Eğer işi ziyaretçilerin hangi şehirden geldiklerini görmek isterseniz birincil boyut olarak ülke yerine “şehir”i seçmeniz yeterli.

2. Siteme Hangi Cihazlardan Erişmişler?

Kitle > Mobil > Genel Bakış yolunu takip ederek sitenize bilgisayarlardan, tabletlerden ve yoksa cep telefonlarından kaç kişinin girdiğini görebilirsiniz. Mobil ve tabletten yapılan ziyaretleri eski dönemlerle karşılaştırırsanız ne kadar büyük artış olduğunu göreceksiniz. İşte bu yüzden sitemizin mobil versiyonuna çok daha fazla önem vermeliyiz.

3. Ziyaretçilerin Ne Kadarı Sitemi Tekrar Ziyaret Ediyor?

Kitle > Davranış > Yeniler – Geri Gelenler yolunu takip ederek ziyaretçilerinizin kaçının sitenizi ilk kez ziyaret ettiğini, kaçının daha önce de sitenizi ziyaret ettiğini görebilirsiniz. Buradaki verileri iki türlü yorumlayabiliriz. Eğer geri gelenler çok fazlaysa sadık bir kitleniz olduğunu söyleyebiliriz. Eğer yeni gelenler çok fazlaysa sitenizin tanıtım çalışmaları işe yarıyor demektir :)

4. Ziyaretçiler Sitemde Ne Kadar Kalıyor?

Kitle > Davranış > Katılım yolunu takip ederek sitenizi ziyaret eden insanların sitenizde geçirdiği vakti öğrenebilirsiniz. Burada 0-10 sn vakit geçirenlerin çok olmasını şu şekilde yorumlayabiliriz; ya sitenize girdiklerinde onları kaçıran bir tasarımınız vardır, ya sitenize yanlışlıkla girmişlerdir, ya da aradıkları bilgiyi ilk 10 sn içerisinde bulamayıp sitenizden çıkmışlardır.

5. Siteme Hangi Kaynaklardan Gelmişler?

Edinme > Tüm Trafik > Kanallar yolunu takip ederek sitenize hangi kaynaklardan ulaşıldığı bilgisini görebilirsiniz. Direct, adres satırına doğrudan sitenizin adresi yazılarak veya sık kullanılanlardan tıklanarak yapılan ziyaretlerin değeridir. Organic Search, arama motorlarında yapılan aramalar sonucu sitenize ulaşanların değeridir. Üzerine tıkladığınızda hangi aramalardan geldiklerini görebilirsiniz. Social, sosyal medya sitelerinden gelen ziyaretçilerin değeridir. Üzerine tıkladığınızda hangi sosyal medya sitesinden kaç kişinin ziyaret ettiğini görebilirsiniz. Referral, başka sitelerde yer alan linkinize tıklayarak sitenize ulaşanların değeridir. Üzerine tıkladığınızdan hangi siteden kaç kişinin geldiğini görebilirsiniz. Email, maillerde yer alan linkinize tıklayarak yapılan ziyaretlerin değeridir.

6. En Çok Hangi Yazım Okunmuş?

Davranış > Site İçeriği > Tüm Sayfalar yolunu takip ederek sitenizin en çok ziyaret edilen sayfalarını yani blogunuzun en çok okunan yazılarını görebilirsiniz. Burada ayrıca ziyaretçilerin her bir sayfada ortalama ne kadar vakit geçirdiğini ve kaçının yazıyı okuduktan sonra hemen sitenizi terk ettiğini (Hemen Çıkma Oranı) görebilirsiniz.

7. Sitemde Kaç Kişi Online?

Gerçek Zamanlı > Genel Bakış yolunu takip ederek sitenizdeki online ziyaretçi sayısını, hangi yazılarınızı okuduklarını, hangi cihazlardan bağlandıklarını ve hangi kaynaklardan sitenize ulaştıkları bilgilerini görebilirsiniz.

Umarım faydalı olmuştur. Paylaşmaya değer bulup aşağıdaki butonları kullanarak sosyal medyada paylaşırsanız sevinirim. Google Analytics ile ilgili sorularınızı da yorum bölümünden sorabilirsiniz.

Devamını Oku

AdSense’e Kayıt Olamayanlar İçin Alternatif Reklamlar

Blog yazan nerdeyse herkesin para kazanmak için tercih ettiği 1 numaralı yöntem Google AdSense reklamları olsa da bu sisteme kabul edilmek ve AdSense yayıncısı olmak pek de kolay değil. Bazıları daha başvuruda bulunamadan “Blogunuz Şuan AdSense İçin Uygun Değil”  uyarısı alıyor ve kayıt olma butonu hiç aktif olmuyor, bazıları da ilk onayı alıyor ama yetersiz içerik gibi nedenlerle ikinci onayda takılıyor.

Bu şekilde AdSense kullanamayan bloggerlar için alternatif tıklama başına para kazandıran yöntemleri araştırdım ve en iyi 4 AdSense alternatifini inceledim.

1. Wordego

Türkiye’nin en kaliteli ve en ciddi reklam firması diyebilirim Wordego için. Blogunuza özel ve hedeflenmiş reklamlar gösterek österim başına para kazanmanızı sağlar. Yetersiz içerik, düşük trafik ve hizmet sözleşmesine aykırı içerik başvurunuzun reddedilmesine neden olabilir ama AdSense kadar ince eleyip sık dokumadıklarını söyleyebilirim. Hesabınızda 100 TL biriktiğinde ödeme talep edebilirsiniz. Ödemeler banka hesabınıza havale ile gerçekleştirilir.

2. AdHood

AdHood’a kayıt olduktan sonra sisteme site eklemeniz ve bu sitenin size ait olduğunu ispatlamnız gerekir. Siteler kısmından site ekle dedikten sonra site düzenle > site doğrulama kısmından alacağınız meta kodunu Blogger şablonundaki <head> kodunu altında bir yere yapıştırın.  Kaydederken hata alırsanız kodu şu şekilde değitirin: <meta name='AdNetwork value=adhood - www.adhood.com acceptcode=xxxxxxxxxxxxxxxx'/> Doğrulama işleminden sonra editörler sitenizin uygunluğunu inceleyip reklam yayınlamanıza onay verecekler. Tıklamaa başına ortalama 10 kuruş veriyor ve ödemeler banka hesabınıza yapılıyor.

3. CPM Fun

Neredeyse her başvuruyu onaylayan ve AdSense’de olduğu gibitıklama başına para veren bir reklam ağı. Manage Websites kısmından sitenize ekledikten sonra onaylanmasını bekler ve Ad Tags kısmından istediğin boyuttaki reklamları eklersiniz. En fazla 3 adet rekam birimi ekleebilirsiniz ve ödemeler 100$ ödeme eşiğine geldiğinizde Paypal hesabınıza yapılır.

4. Qadabra

Zararlı ve illegal içerik barındıan siteler hariç tüm siteleri kabul eden Qadabra da tıklama başına veren bir sistem. Ödemeler Paypal hesabınıza yapılıyor ve en güzel tarafı ödeme alt limitinin sadece 1$ olması. Banner reklamların yanı sıra popup reklamlar da ekleyebiliyorsunuz.

Hangi Reklamları Öneriyorum?

İçlerinde en uzun süre kullandığım reklam ağı Wordego. Güvenilir ve ilgili bir firma. Her kullanıcının bir hesap yöneticisi var. Sizi telefonla arayarak ya da mail yazarak kazancınızı arttırmaya yönelik ipuçları veriyor ve sorularınızı yanıtlıyor. Karşınızda bir muhattap olması bir online reklam firması için büyük hizmet. Ayrıca reklamlara tıklanmasını beklemek gibi bir sorununuz yok. Tüm bu nedenlerden dolayı blogu için bir reklam firması arayanlara Wordego’yu tercih ederim.

Önemli not: Bu yazıyı yazmak veya Wordego’yu övmek için her hangi bir ücret almadım. Tamamen şahsi ve samimi fikirlerimdir.

Devamını Oku