Cara Memasang Iklan Adsense di Tengah Posting Secara Otomatis

Sebenarnya saya sudah pernah menulis tentang cara memasang iklan Adsense di tengah posting ini, yaitu di artikel: Cara Memasang Iklan Adsense di Tengah-tengah Postingan.

Di artikel tersebut saya menyarankan menggunakan table untuk menempatkan iklan Adsense di manapun di dalam posting blog. Cara ini saya anggap efektif, karena kita bisa menentukan dimana iklan ditempatkan.

Tapi, karena banyak juga yang menanyakan cara memasang iklan Adsense di tengah artikel secara otomatis, maka saya coba mengulasnya kali ini.

Dan inilah yang perlu Kamu lakukan:

1. Masuklah ke Edit Template, cari kode <data:post.body/>. Jika ada beberapa tag <data:post.body/>, cari yang diapit oleh tag kondisional <b:if cond=’data:blog.pageType == &quot;item&quot;’>.

2. Setelah itu, ganti kode <data:post.body/>, dengan kode berikut:

<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

3. Simpan template Kamu, dan lihat hasilnya.

Perlu diperhatikan, script di atas akan menempatkan iklan persis di tengah-tengah postingan, atau dengan kata lain, script akan menghitung seluruh kata pada artikel Kamu lalu membaginya menjadi 2 (lihat baris kode var t=s.substr(0,s.length/2);), kemudian menyisipkan iklan pada titik tersebut.

Note: Untuk mem-parse kode Adsense, bisa menggunakan Tool Parse ini.

Jadi bila artikel Kamu cukup panjang, maka iklan akan muncul agak jauh ke bawah.

Jika Kamu mau, Kamu bisa merubah angka pembagi ‘2’ dengan angka lain, misalnya ‘6’. Maka artikel akan dibagi menjadi 6 bagian, dan iklan disisipkan di bagian 1/6 yang pertama. Silakan bereksperimen.

Bagaimana kalau saya ingin menempatkan iklan secara bebas di tengah postingan dimanapun saya mau?

Sekali lagi, jika itu yang Kamu inginkan, Kamu harus mengatur melalui edit posting. Namun, berbeda dengan metode yang pernah saya jelaskan sebelumnya, yaitu dengan menggunakan table, kali ini saya beri cara yang jauh lebih praktis dan mudah.

Kamu tinggal merubah sedikit kode script di atas, yaitu pada baris var t=s.substr(0,s.length/2); dan 2 baris di bawahnya, dengan kode:

var r=s.search(/x3C!– adsense –x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r); obj1.innerHTML=s.substr(r+16);}

Jadi seluruhnya akan tampak seperti ini:

<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE

</div>

<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);
obj1.innerHTML=s.substr(r+16);}
</script>

Selanjutnya, pada saat Kamu membuat posting, atau juga mengeditnya, tempatkan tag <!– adsense –> di mana pun Kamu ingin menempatkan iklan Adsense. Ingat, untuk menyisipkan tag <!– adsense –> pada mode HTML.

Silakan pilih cara mana yang lebih sesuai bagi Kamu. Kedua cara di atas, sama-sama menempatkan iklan adsense dengan mengambil space di tengah-tengah artikel, jika Kamu menginginkan iklan di sebelah kanan artikel misalnya (dengan text-wrapping), Kamu dapat menambahkan kode tambahan pada script iklan yang telah diparse tadi.

Jadi akan menjadi seperti ini:

<div style='float:right; margin: 0px 0px 0px 10px'>
&lt;ins class=&quot;adsbygoogle&quot;
style=&quot;display:inline-block;width:336px;height:280px&quot;
data-ad-client=&quot;ca-pub-1234567890123456&quot;
data-ad-slot=&quot;1234567890&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
</div>

Nah, silakan diterapkan. Mudah-mudahan akan mampu meningkatkan CTR iklan di blog Kamu. Jika ada kesulitan, atau hal yang belum jelas, jangan sungkan untuk bertanya melalui komentar.Salam.

Tentang penulis

Gee Jhon

Gee Jhon

Seorang yang suka belajar, senang berbagi dan gemar berdiskusi. Full time kerja online menjadi freelancer desain grafis, Youtuber serta mengelola beberapa blog.

347 Komentar