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.
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:
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!
