Blog Yayınları İçerisine Otomatik Reklam Ekleme Kodu

10.12.18
Blogger Google Adsense Reklam Kodları

Blog yayınları içerisine Google Adsense reklam birimi / alanı nasıl eklenir ve reklam birimleri otomatik olarak nasıl görüntülenir? Blog yazıları içerisine Google Adsense reklam birimi eklemek için daha önce paylaşmış olduğum makalelerde belirtilen bilgiler ile hemen hemen aynı bilgiler.

Blog yayınlarına manuel olarak Adsense reklam birimi eklemek için Adsense Yazı İçi Reklamlarını Blog Yazılarına Ekleme makalesini paylaşmıştım. Bu eklenti de daha önceki eklentilerden daha düzenli ve Blgger kodlamasına daha uyumludur. Eski eklentilerde reklam birimlerini eklemek için <data:post.id/> kodunu kullanıyorduk, ancak bu metot blog sayfalarında birden fazla ID oluşmasına ve arama motorları tarafından sayfa içeriklerinin hatalı taranmasına neden oluyordu.

Şimdi blog yazılarına reklam eklemek için biraz daha gelişmiş ve farklı olan denklem, yazı içerisindeki paragraflardan sonra 2 (iki) Google Adsense reklam biriminin otomatik olarak görüntülemesini sağlayacak.

Blog Yazılarına Otomatik Reklam Kodu Nasıl Eklenir?


Blogger tema kodları arasında (blog yazılarınızın gövdesini oluşturan) aşağıda belirtilen koda benzer kodlar yer almakta. Tema kodlarınız arasında bu koda benzer birden fazla kod bulunabilir, ancak veri konumlandırma etiketleri kullanacağımızdan dolayı bu sorun değil.

HTML (İçerik Gövdesi)
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
</div>

Yukarıdaki kodu blog sitenizin tema kodları arasında bulun ve aşağıdaki kodu bulmuş olduğunuz kodun </div> kapanış etiketinden hemen sonra ekleyin.

Otomatik Reklam Birimi / Alanı Kodu
<b:if cond='data:view.isPost'>
<div class='inArticle inArticle1' id='inArticle1'>
<!-- Ads reklam kodu alanı 1 -->
</div>
<div class='inArticle inArticle2' id='inArticle2'>
<!-- Ads reklam kodu alanı 2 -->
</div>
<script type='text/javascript'>
function insertAfter(tbh,tgt) {
  var prt = tgt.parentNode;
  if (prt.lastChild == tgt) {prt.appendChild(tbh);}
  else {prt.insertBefore(tbh,tgt.nextSibling);}}
  var tgt = document.getElementById(&quot;post-body-<data:post.id/>&quot;);
  var articleAds1 = document.getElementById(&quot;inArticle1&quot;);
  var articleAds2 = document.getElementById(&quot;inArticle2&quot;);
  var showAds1 = tgt.getElementsByTagName(&quot;br&quot;);
  var showAds2 = tgt.getElementsByTagName(&quot;p&gt;&quot;);
  if (showAds1.length &gt; 0) {insertAfter(articleAds1,showAds1[2]);}
  if (showAds2.length &gt; 0) {insertAfter(articleAds1,showAds2[2]);}
  if (showAds1.length &gt; 0) {insertAfter(articleAds2,showAds1[8]);}
  if (showAds2.length &gt; 0) {insertAfter(articleAds2,showAds2[8]);}
</script>
</b:if>

Reklam birimlerinizin yazı içerisinde daha düzenli görüntülenmesi için aşağıdaki CSS kodunu blogunuzun stil </style> dosyası içerisine ekleyin.

CSS
.inArticle{margin:0 auto 20px;display:block;overflow:hidden;width:100%;height:auto;text-align:center}

Açıklamalar ve Bilgilendirmeler

  • Birinci reklam birimi kodunuzu yerleştirin <!-- Ads reklam kodu alanı 1 -->
  • İkinci reklam birimi kodunuzu yerleştirin <!-- Ads reklam kodu alanı 2 -->
  • Reklam birimlerini kaçıncı paragraftan sonra görüntülemek istiyorsanız, aşağıdaki kodda belirtilen sıra sayı değerlerini ayarlayın.

Sıra Sayı Değerleri
if (showAds1.length &gt; 0) {insertAfter(articleAds1,showAds1[2]);}
if (showAds2.length &gt; 0) {insertAfter(articleAds1,showAds2[2]);}
if (showAds1.length &gt; 0) {insertAfter(articleAds2,showAds1[8]);}
if (showAds2.length &gt; 0) {insertAfter(articleAds2,showAds2[8]);}

Not: Sıra sayısı değeri arttıkça, reklam birimi görüntüleme alanı o kadar azalır.

Kod içerisinde belirtilen yerlere reklam birimlerinizi ekledikten ve belirtilen bilgiler doğrultusunda blog sitenize uygun şekilde düzenleme yaptıktan sonra tema editör sayfanızı kaydedin. Reklam kodlarınızı yeni oluşturduysanız kısa süre içerisinde reklamlarınız görüntülenecektir.

Tema kodlamaları bir birinden farklı olduğu için, yazı içi otomatik reklam eklentisi ile tema kodları ID uyum sorunu olabilir. Böyle bir durumla karşılaşanlara yardımcı olabilmemiz için, yorum formu üzerinde sorunlarını bize iletebilirler.