Blogger: Panduan Lengkap Memasang Iklan Adsense

Panduan Lengkap Memasang Iklan Adsense - Sebelumnya tutorial memasang iklan adsense di situs blogger memang sudah banyak bersebaran di internet, baik dari website bantuan google maupun dari blog-blog personal yang berasal dari platform blogger.com. Yang saya lakukan disini adalah memperjelas tutorial-tutorial cara memasang iklan adsense tersebut agar lebih mudah dipahami oleh siapa saja termasuk blogger pemula.

Memasang Iklan Adsense Di Paling Atas Artikel

Lebih spesifik posisi iklan yang saya maksudkan adalah dibawah judul artikel tepat sebelum badan artikel/konten seperti contoh pada gambar dibawah ini;

Untuk memasang iklan adsense diposisi tersebut (diatas posts) yang harus kamu lakukan adalah menempatkan kode iklan adsense tepat sebelum/diatas kode <data:post.body/> yang ada di dalam html template blogger.

Catatan: Template blogger biasanya memiliki kode <data:post.body/> yang lebih dari 1, bisa dua, tiga bahkan lebih, pilih kode <data:post.body/> yang berada di dalam tag kondisional data:blog.pageType == "item" seperti contoh dibawah ini;
[code type="HTML"]<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
//Code Adsense Here
<data:post.body/>
<--Other Code-->
</b:if>[/code]
Atau pada desain template yang berbeda akan terlihat seperti berikut ini;
[code type="HTML"]<b:if cond='data:blog.pageType in {"static_page", "item"}'>
//Code Adsense Here
<data:post.body/>
<--Other Code-->
</b:if>[/code]
Atau kamu bisa mencoba satu-persatu kode <data:post.body/> yang dimaksudkan diatas.

Memasang Iklan Adsense Dibawah Artikel

Langkah-langkah untuk memasang iklan adsense dibawah artikel (bottom of content) masih sama dengan petunjuk diatas, yang membedakan hanya kode iklan adsense yang akan dipasangkan ditempatkan setelah atau dibawah kode <data:post.body/> seperti contoh berikut ini;
[code type="HTML"]<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
//Ads Top Content Here
<data:post.body/>
//Ads Bottom Content Here
<--Other Code-->
</b:if>[/code]
Untuk mempercepat pencarian kode <data:post.body/> ikuti langkah berikut ini;

Masuk ke Blogger.com, kemudian
Pilih Tab Template > Edit HTML
Tempatkan kusor atau klik sembarang di area kode template, kemudian
Tekan tombol Ctrl + F pada keyboard
Pada kolom pencarian/find action yang muncul masukkan kode <data:post.body/> kemudian tekan enter untuk mulai mencari.

Memasang Iklan Adsense Ditengah Artikel

Jika memasang iklan diatas dan dibawah konten (artikel) cukup hanya menempatkan kode iklan diatas atau dibawah kode <data:post.body/> maka akan berbeda ketika memasang iklan adsense ditengah artikel.

Diperlukan container baru yang dapat membelah/membagi konten agar iklan adsense dapat disisipkan ditengahnya, untuk melakukan itu silahkan ganti kode <data:post.body/> tersebut dengan script berikut ini;
[code type="HTML"]<div expr:id='"post1" + data:post.id'/>
<div class='middle-ad'>
//AdSense ad code here
</div>
<div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div>
<script async='async' type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");var obj1=document.getElementById("post2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("<br>");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4)}
</script>[/code]
Jika ketiga langkah tersebut (memasang iklan adsense diatas, ditengah dan dibawah artikel) saya sederhakan, maka akan terlihat seperti berikut ini;[ads-post]
[code type="HTML"]<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
//Ads Top Content Here
<div expr:id='"post1" + data:post.id'/>
<div class='middle-ad'>
//Ads Middle Content Here
</div>
<div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div>
<script async='async' type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");var obj1=document.getElementById("post2<data:post.id/>");var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf("<br>");if(r>0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4)}
</script>
//Ads Bottom Content Here
<--Other Code-->
</b:if>[/code]

Memasang Iklan Adsense Di Footer Of Content

Iklan adsense di footer of content juga tidak kalah populer dikalangan blogger, posisi iklan di footer of content terbilang cukup berpotensi memberikan penghasilan kepada pemilik situs, posisi yang lebih spesifik iklan footer of content adalah dibawah tombol share.

Untuk memasang iklan adsense di footer of content cukup mudah, kamu hanya perlu menambahkan atau memasang kode iklan adsense dibawah kode penutup </article> dengan format seperti berikut ini;
[code type="HTML"]
<b:if cond='data:blog.pageType == "item"'>
//Ads Footer Of Content Here
</b:if>[/code]
Tips: Gunakan iklan adsense responsive untuk mendapatkan performa dan penayangan iklan yang maksimal.

Demikian panduan memasang iklan adsense di template blogger, semoga bermanfaat dan dapat membantu anda dalam menyelesaikan masalah pemasangan iklan adsense, selamat mencoba dan good luck for you.