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

Blogger'da yazı içerisine otomatik olarak Google Adsense reklamları entegre etmek biraz karışık gelsede az sonra anlatacağım yöntemle otomatik olarak yazı içerisine belirlediğiniz bir paragraftan sonra Google Adsense reklamı ekleyebilirsiniz.

Yazı içerisine Google Adsense Reklamı Eklemek: Blogger yönetim panelinden öncelikle;
1- Tema - HTML Düzenle diyerek kullandığımız temannın kaynak kodlarına giriyoruz. Burada yapacağımız işlemler öncesinde site kodlarını yedeklemenizde fayda var. Esasen hemen her işten önce yedeklemek insana huzur veriyor. Ne olur ne olmaz diyerek siz Doğan kardeşinizi dinleyin ve CTRL+A diyerek bütün kodları kopyalayıp bir not defterine kaydedin.

2- HTML kodlarımız ekrana CTRL+F arama kutusu yardımı ile geldiğinde aşağıdaki kodu bulun.

<data:post.body/>

3- Aşağıdaki kod ile değiştirin.

<div id='adsense-target'><data:post.body/></div>

4- Yukarıdaki kodun hemen altına şu kodu yapıştırın. ADSENSE KODU BURAYA GELECEK bölümüne ise, yayınlamak istediğiniz adsense kodunun bloggger için dönüştürülmüş halini ekleyin. Adsense kodunu dönüştürmek için Google Adsense Converter  formunu kullanabilirsiniz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE KODU BURAYA GELECEK</div></b:if>

5- Yukarıdaki kodumuzda yer alan ve kahverengi ile renklendirdiğim alan, reklamın ortada çıkmasını sağlayacaktır. Aşağıdaki kod ile kahverengi alanı değiştirerek Adsense kodunuzun sol tarafa yaslı bir şekilde çıkmasını sağlayabilirsiniz.

<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">

6- Son olarak hazırladığımız kodların en altına aşağıdaki scripti de ekleyerek işimizi bitirmiş oluyoruz.  linebreak[1] kısmındaki rakamlar, Google Adsense reklamının hangi paragraftan sonra gösterileceğini belirtiyor. Ben 1 olarak işaretledim. Siz 2,3.. vb. yapabilirsiniz.

<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition); 
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[1]);
}
</script>

Yukarıdaki işlemleri doğru yaptıysanız, aşağıdaki ve aynı zamanda sitemde kullandığım gibi bir sonuç elde edersiniz.

Eğer, bu reklam ekleme işi otomatik olmasın ben nereye istersem oraya eklemek istiyorum diyorsanız bu sayfaya bir göz atmanız gerekiyor.

Kullananlardan 1 tane yorum bekliyorum :) Emeğe saygı...
İyi Bloglamalar