Skip to content Skip to sidebar Skip to footer

Cara Memasang Iklan Adsense di Tengah Postingan Artikel

Mendapatkan penghasilan tambahan dari internet memang sangat dibutuhkan saat ini. Banyak cara yang bisa dilakukan untuk bisa mendapatkan pendapatan tambahan atau passif income dari internet, bisa dengan berjualan (olshop), dropship, afiliasi, mengikuti program riview, menjadi penayang iklan dan masih banyak program-program lainnya.

Namun yang akan dibahas pada artikel ini adalah mendapatkan penghasilan dengan menjadi penayang iklan atau publisher pada platform blogspot.

Untuk bisa mendapatkan penghasilan dari blogger, pertama kita harus mendaftarkan blog kita ke program periklanan online, yang paling populer adalah adsense. Tentunya untk bisa diterima blog kita harus memenuhi syarat-syarat yang ditentukan oleh adsense.

Setelah diterima. langkah selanjutnya yang harus kita lakukan adalah menempatkan kode iklan pada halaman blog kita agar iklan tampil dan kita mendapatkan bayaran dari si pemilik iklan.

Cara terbaik untuk memasang iklan di awal, tengah dan akhir artikel dalam sebuah postingan sebenarnya sudah banyak ditampilkan dalam artikel-artikel lain.


Namun setelah googling dan membaca beberapa artikel, saya sebagai pemula justru kebingungan untuk menerapkan apa yang di intruksikan pada artikel tersebut.

Itulah yang mendasari dibuatnya artikel cara memasang iklan adsense di tengah postingan artikel ini yang saya sajikan dengan tatabahasa yang akan mudah untuk dipahami sekalipun oleh pemula seperti saya.

Langkah - langkahnya adalah :
  • Buatlah iklan di akun Adsense sobat, tentunya sesuai keinginan apakah akan memakai iklan display atau iklan link. Kemudian parse atau rubah kode iklan tersebut ke mode XML agar tidak terjadi error saat dipastekan ke blog sobat nantinya.
  • Jika kode iklan sudah dibuat, masuklah ke blog yang akan ditampilkan iklan di tengah postingannya.
  • Pilih Tema --> Edit Html, maka akan terbuka script html blog sobat.




  • Cari <data:post.body/> pada script tersebut. Untuk memudahkan sobat bisa menggunakan fungsi pencarian dengan tekan tombol ctrl + F di keyboard, kemudian ketik <data:post.body/> kemudian Enter.

Biasanya terdapat lebih dari satu <data:post.body/> tergantung dengan jenis template/tema yang sobat gunakan.

Jika ada 2 <data:post.body/> maka sobat fokus pada yang kedua, jika <data:post.body/> lebih dari dua maka sobat bisa fokus pada nomor 2 dari bawah.

Selanjutnya..

Copy kode dibawah ini dan pastekan terlebih dahulu di Notepad atau sejenis untuk keperluan edit.
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Pastekan Kode iklan adsen yang sudah di parse disini
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Perhatikan kalimat yang berwarna merah, ganti kalimat tersebut dengan kode iklan yang sudah sobat parse tadi.

Perhatikan juga angka 2 yang berwarna biru, angka itu berfungsi untuk mengatur posisi iklan, semakin besar angkanya (3,4 dan seterusnya) maka posisi iklan akan semakin naik keatas mendekati judul postingan.

Hasilnya kira - kira jadi seperti ini:
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Iklan display ditengah postingan --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
style=&quot;display:inline-block;width:320px;height:90px&quot;
data-ad-client=&quot;ca-pub-xxxxxxxxxxxxxxx&quot;
data-ad-slot=&quot;xxxxxxxxxxx&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;

</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Yang berwarna biru adalah kode adsense yang sudah di parse

Selanjutnya kembali ke <data:post.body/>

Copy kode yang sudah sobat edit di notepad tadi, kemudian HAPUS <data:post.body/> dan pastekan kode tersebut tepat dimana sobat menghapus <data:post.body/>.

Terakhir silahkan save dan coba lihat hasilnya apakah ada perubahan atau tidak. Jika iklan sudah tampil di tengah postingan artikel blog sobat maka selamat sudah berhasil.


Jika iklan tidak tampil ada 2 kemungkinan :
  • Iklan yang baru sobat buat di Adsense sebelumnya belum bisa tampil, tandanya adalah ada space kosong ditengah postingan.
  • <data:post.body/> yang harus diganti bukan itu, solusinya silahkan coba ulangi pada <data:post.body/> lainnya sampai iklan benar - benar tampil.

Yang ke 2 ini biasanya terjadi apabila <data:post.body/> terlalu banyak di script template blog yang digunakan. Sekian cara memasang iklan adsense di tengah postingan, semoga membantu dan selamat mencoba.