13 Kasım 2013 Çarşamba

AdSense Reklamlarını Blogger’da Yazı İçine Ekleme

Blogunuza eklediğiniz AdSense reklamlarına tıklanma sayısını arttırmanın en iyi yollarından biri reklamı yazı içinde göstermektir. Blog renklerine uygun olacak şekilde tasarlanmış metin reklamları ve banner reklamları blog yazısının içerisine gömüldüğünde tıklanma ihtimali çok daha fazla olacaktır. Bu da daha fazla kazanç demektir.

Yaklaşık 1 senedir takip ettiğim blogger arkadaşım +evde yazar  Adsense reklamlarını Blogger’da yazı içine eklemekle ilgili yardım isteyince bu bilginin başka AdSense yayıncısı olan blog yazarlarının da işine yarayacağını düşünerek blogda paylaşmaya karar verdim.


AdSense Reklam Kodlarını Convert Etme

Blogunuzun sidebar yani kenar çubuğuna eklediğiniz AdSense kodlarını yazı içerisine eklemeden önce convert etmeniz gerekir. Bunun için pek ücretsiz online araç mevcut. Google’da “adsense code converter” diye bir arama yaparsanız onlarca araç bulabilirsiniz.
Bunlardan birini açarak kutuya adsense reklam kodlarınızı yapıştırdıktan sonra “convert” butonuna bastığınızda kodlarda ki bazı karakterlerin değiştiğini göreceksiniz. Convert edilmiş reklam kodu artık blog yazısına eklemeye hazır hale gelmiştir.

Adsense reklam kodlarını convert etme
Sıra reklam kodlarını yazının içerisine gömmeye geldi.

1. AdSense Reklamını Yazının Solunda Gösterme

Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="float:left;margin-right: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


2. AdSense Reklamını Yazının Sağında Gösterme
Bunun için yazının HTML sekmesini açarak reklamın gözükmesini istediğiniz yere aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="float:right;margin-left: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


3. AdSense Reklamını Yazı Başlığının Altında Gösterme
Bunun için Şablon > HTML’yi Düzenle yolunu takip ederek Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-header'> kodunu bulun ve bunun hemen altına aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="text-align:center;margin-bottom: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 


4. AdSense Reklamını Yazının Sonuna Ekleme

Bunun için Şablon > HTML’yi Düzenle yolunu takip edereke Ctrl + F tuş kombinasyonunun yardımıyla <div class='post-footer'> kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin.

<b:if cond='data:blog.pageType == "item"'> 
<div style="text-align:center;margin-top: 5px;">
Convert edilmiş adsense kodları buraya gelecek</div>
</b:if> 

İlgili kodlar eklendiğinde reklam yerleşiminin nasıl olacağını şu grafikte göstermeye çalıştım:

adsense reklam kodlarını yazının içerisine gömme

Son olarak kodlarda renkli gösterdiğim yerlerim anlamlarını işlevlerini paylaşmak istiyorum. İsteğinize göre onları da değiştirebilirsiniz.

- Kırmızı renkle gösterdiğim değer reklam yazı arasındaki boşluğu belirler. Dilerseniz 5px yerine başka bir değer girebilirsiniz.

- Mavi renkle gösterdiğim kodlar reklamların ana sayfada değil sadece yazı başlığına tıklayıp yazının içerisine girince gözükmesini sağlar. Eğer ana sayfada yazıların tamamını gösteriyorsanız mavi renkle yazdığım kodları silebilirsiniz.

Herkese bol kazançlar!

Hiç yorum yok:

Yorum Gönder