Tips Memasang Kode Iklan Adsense Dalam Artikel

Lenteraku Sebenarnya ini adalah strategi saya untuk membuat artikel web log saya terlihat bagus, karena saya kurang begitu inspiratif mengupload gambar yang relevan dengan artikel blog saya . Terlepas dari besar kecilnya pengaruh klik pada iklan maupun CTR adsense, toh pada saat ini saya masih belum paham betul mengenai CTR adsense dan serba serbinya maklum baru dapet adsense soalnya. Sudah banyak sekali pembahasan mengenai peletakan iklan adsense dalam artikel blog, karena saya juga menerapkannya saya pun ingin sedikit share pada teman-teman semua tentang pemasangan iklan adsense ini.

Cara penerapan kode unit iklan adsense yang paling mudah (untuk blogger.com)adalah dengan menggunakan fasilitas layout blogger, disitu sudah disediakan penambahan layout apa yang ingin kita tampilkan di home page blog kita. Anda dapat meletakkan kode unit iklan adsense di header, main, sidebar maupun footer hanya dengan mengklik tambah kolom kemudian pilih HTML/Java scrip paste kode adsensenya terus save selesai. akan tetapi, jika anda seperti saya, yang ingin agar unit iklan adsense berada di dalam page/artikel bukan di home page. Maka teman-teman harus sedikit mengotak atik kode iklan adsense serta melakukan sedikit edit dalam template blog. Sekarang kita mulai tutorialnya.

Mem"Parse" kode unit iklan Adsense

The frist step, langkah pertama kita lakukan Parse pada kode iklan adsense yang ingin kita tempatkan dalam page/artikel. Parse HTML atau mengurai, secara terminologi, namun untuk yang akan kita lakukan ini bisa dikatakan untuk, menjadikan kode iklan adsense bisa terbaca ketika nanti kita terapkan dalam HTML template blog dan tidak terjadi eror. Jadi ini bukan MERUBAH kode unit iklan adsense, karena eksistensi kode iklan masih utuh dan sama seperti asalnya. Jelas ya,.

Untuk memparse kode unit iklan, saya menggunakan bantuan pihak ke3, yaitu melalui situs freeformatter.com silahkan teman-teman kunjungi situs tersebut. Kemudian masukkan kode unit iklannya, dan klik Escape, akan muncul kode unit iklan adsense yang telah terparse. Sampai disini saya sarankan jangan di close dulu situsnya dan biarkan dulu kode unit iklan adsense disitu, karena nanti akan ada tambahan kode HTML lagi, jadi biar mudah edit aja.

Memasang unit iklan Adsense di dalam Page/Artikel blog 

 

Proses pertama telah selesai kita lakukan, selanjutnya kita akan masuk ke langkah berikutnya, yaitu dengan mencoba meletakkan iklan adsense berada di bawah judul page/artikel. 

Oh, ya,. kenapa saya katakan page/artikel.? Hanya untuk membedakan serta memudahkan memahami perbedaan maksud dari peletakan iklan di home page atau page. Karena ketika blog kita di akses langsung dari halaman utama, maka unit iklan yang akan kita terapkan ini tidak akan terlihat. Tetapi ketika pengunjung mengakses artikel blog kita baru iklan adsense akan muncul dan terlihat. Silahkan sobat perhatikan, saat teman-teman menuju ke home page/beranda lenteraku.web.id maka...?? benar tidak tampak satu iklan pun di dalam artikel. Sekarang coba sobat akses salah satu artikel di blog ini, misal prinsip dasar bisnis online yang menguntungkan . Apa yang berubah, yap di dalam artikel tersebut terdapat iklan adsense. faham ya,..

Nah sekarang kita coba memasang unit iklannya. Disini akan coba saya jelaskan tutorial peletakan unit iklan adsense dalam artikel blog mulai dari :

• Di bawah judul artikel
• Di tengah artikel
• Dan di akhir artikel 

Silahkan sobat masuk ke setting template blogger teman-teman , kemudian pilih edit HTML, gunakan Ctrl + f untuk memudahkan pencarian, temukan kode berikut.

<data:post.body/>

Setelah ketemu, coba scrol kebawah dan cek ada berapa kode yang sama, karena saya sendiri menemukan kode tersebut lebih dari satu.

Meletakkan unit iklan adsense di bawah judul artikel

Jika ingin iklan adsense bertempat di bawah artikel tepatnya pada sebelah kiri paragraf pertama, maka tambahkan kode berikut pada kode unit iklan tadi

<div style="float:left; margin-right:15px;margin-bottom:15px">

....

...Kode unit iklan adsense yang telah diParse tadi...

...

</div>

Left yang berwarna merah, memberikan perintah pembacaan pada template kita untuk meletakkan iklan di sebelah kiri paragraf. Lakukan edit pada dasboard web freeformatter tadi saja, kemudian kembali lagi ke dasboard blogger yang mana kita telah temukan kode yang kita cari sebelumnya <data:post.body/> setelah itu kita copy kode unit iklan yang sudah kita parse beserta tag HTML tambahan tadi tepat di atas kode <data:post.body/> ini. Karena kode ini lebih dari satu maka anda harus mencoba meletakkan kode unit iklan satu persatu, kemudian klik preview (pada mode preview unit iklan akan ditampilkan sebagai frame putih saja) untuk melihat, jika sudah pas silahkan save template Anda.

Dan jika teman-teman ingin meletakkan iklan di sebelah kanan paragraf, Anda tinggal merubah kata left menjadi rigth, seperti ini.

<div style="float:rigth; margin-right:15px;margin-bottom:15px"
....
...Kode unit iklan adsense yang telah diParse tadi...
...
</div>

Note: Jika iklan tampil pada artikel yang berada di home page yang biasanya artikel ditampilkan lebih dari satu di halaman utama blog, atau ketika iklan adsense tampil pada page daftar isi dan menutupinya. Maka tambahkan kode kondisional berikut diantara kode unit iklan adsense yang sudah jadi tadi.

<b:if cond='data:blog.pageType == "item"'>
...........
..........
.......
</b:if>

Maka keseluruhannya menjadi seperti berikut

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left/rigth; margin-right:15px;margin-bottom:15px">
....
...Kode unit iklan adsense yang telah diParse tadi...
...
</div> 
</b:if>

Meletakkan unit iklan adsense ditengah artikel

Untuk posisi unit iklan agar terletak ditengah artikel, fokus pengeditan masih pada kode <data:post.body/> tadi, pastikan pada praktek penempatan unit iklan di bawah judul telah berhasil, karena jika tidak akan tambah bingung nanti. Oke, saya sugestikan pada diri saya teman-teman telah berhasil mendapatkan kode <data:post.body/> yang tepat, yang berarti benar-benar itu adalah kode HTML template yang menampilkan posting artikel blog sehingga ketika diterapkan kode iklan hasilnya sesuai dengan yang kita inginkan.

Kita ganti kode <data:post.body/> dengan kode berikut.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
...Kode unit iklan adsense yang telah diParse tadi...
</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/3);
varr=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Jangan letakkan kode unit iklan adsense final teman-teman tadi pada tempat diatas ( ...Kode unit iklan adsense yang telah diParse tadi...) Dan untuk kode angka yang berwarna merah yaitu angka (3) adalah jumlah paragraf artikel urut dari paragraf pertama artikel blog. Artinya nanti unit iklan adsense akan bertempat setelah paragraf ketiga, jadi silahkan sesuaikan sendiri dengan melihat kondisi paragraf artikel Anda.

Untuk memastikan  penerapan berhasil lakukan preview dulu, jika sukses langsung save dan selesai.

Meletakkan unit iklan adsense diakhir artikel

Atau jika teman-teman ingin meletakkan unit iklan adsense di akhir artikel, tepatnya pada paragraf terakhir, maka cukup meletakkan kode unit iklan tersebut(yang sudah final) dibawah kode HTML template blogger tadi  <data:post.body/> . Nah selesai, sekarang artikelnya tambah keren dan powerfull berkat bantuan unit iklan adsense, jadi gak usah upload gambar juga no problem. 

Oh ya,. untuk ukuran unit iklan saya sarankan memilih size 300x250 untuk penempatan dibawah judul dan akhir paragraf, dan untuk penempatan iklan di tengah anda bisa pakai ukuran 300x280,300x250 yang penting sesuaikan dengan ukuran lebar halaman posting sehingga dapat memberi kesan nyaman dan pas pada pengunjung.

Sekian, semoga bermanfaat,..