Pasang Iklan Adsense Di tengah Postingan Blogger

Advertisemen

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

Dan inilah yang perlu Anda 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 Anda, 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 Anda lalu membaginya menjadi 2 (lihat baris kode var t=s.substr(0,s.length/2);), kemudian menyisipkan iklan pada titik tersebut.

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

Jika Anda mau, Anda 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 Anda inginkan, Anda 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.

Anda 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 Anda membuat posting, atau juga mengeditnya, tempatkan tag <!-- adsense --> di mana pun Anda ingin menempatkan iklan Adsense. Ingat, untuk menyisipkan tag <!-- adsense --> pada mode HTML.

Silakan pilih cara mana yang lebih sesuai bagi Anda. Kedua cara di atas, sama-sama menempatkan iklan adsense dengan mengambil space di tengah-tengah artikel, jika Anda menginginkan iklan di sebelah kanan artikel misalnya (dengan text-wrapping), Anda 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 Anda. Jika ada kesulitan, atau hal yang belum jelas, jangan sungkan untuk bertanya melalui komentar.

Sumber

Advertisemen