Cara Memasang Iklan AdSense
Bagi pengguna template yang kesulitan dalam pemasangan kode iklan AdSense, di bawah ini saya tuliskan panduan lengkapnya.
Cara memasang iklan AdSense pada template Evo Magz ini berlaku juga untuk template-template yang lain, hanya saja ada beberapa langkah-langkah yang perlu penyesuaian.
Di bawah akan saya jelaskan lebih lengkapnya.
Lewat menu Penghasilan pada dashboard blogger
Bagi yang akun AdSensenya ditautkan ke dashboard blogger, pemasangan iklan AdSense bisa dilakukan lewat menu penghasilan.
Jika sobat mendaftar AdSense lewat dashboard blogger maka akun AdSense-nya sudah otomatis ditautkan ke dashboard blogger.
Berikut langkah-langkahnya :
Masuk ke Dashboard Blogger
Masuk ke menu “Penghasilan“
Pada bagian “Tampilkan iklan di blog” pilih “Ya“
Di bagian bawahnya terdapat 3 opsi penempatan iklan, pilih sesuai keinginan
Jika sudah jangan lupa klik “Simpan setelan“
Cara ini paling mudah untuk dilakukan, tapi saya tidak merekomendasikan cara ini, alasannya karena opsi penempatan iklannya sangat terbatas.
Menggunakan Widget AdSense
Sama seperti cara pertama, cara yang kedua khusus untuk yang akun AdSense-nya ditautkan ke dashboard blogger.
Cuma bedanya untuk cara yang kedua menggunakan widget AdSense. Dengan menggunakan widget adsense sobat bisa memilih penempatan iklan yang dinginkan dan juga dapat mengatur format dan warna iklan.
Berikut langkah-langkahnya :
Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
Pilih Widget/Gadget AdSense
Selanjutnya atur format dan warna iklan sesuai dengan keinginan.
Terakhir klik “Simpan“
Menggunakan Widget HTML/JavaScript
Cara yang ketiga sobat perlu membuat kode unit iklan pada akun AdSense setelah itu memasangnya di blog menggunakan widget HTML/JavaScript.
Cara ini berlaku untuk yang akun AdSense-nya ditaukan ke dashboard blogger dan juga yang tidak ditautkan.
Berikut langkah-langkahnya:
Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini
Salin kode unit iklan yang sudah dibuat
Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
Kali ini pilih Widget/GadgetHTML/JavaScript
Selanjutnya paste kode unit iklan adsense yang sudah disalin tadi pada kolom yang tersedia.
Terakhir klik “Simpan“
Note: Untuk bagian judul lebih baik dikosongi saja. AdSense hanya mengizinkan untuk memberi judul iklan dengan tulisan “Iklan” dan “Sponsor”
Memasang Iklan AdSense di atas atau di bawah postingan
Untuk memasang iklan AdSense di atas atau di bawah postingan sobat perlu memasang kode unit iklan langsung di dalam template, jadi sobat pelu mengedit template yang sobat gunakan.
Berikut langkah-langkahnya:
Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini…
Salin kode unit iklan yang sudah dibuat
Parse kode iklan yang sudah disalin.Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML
Cari kode berikut : <!-- iklan di bawah judul taruh di sini --> <data:post.body/> <!-- iklan di bawah postingan taruh di sini -->
Untuk menampilkan iklan di atas postingan (di bawah judul), letakan kode iklan di atas kode<!-- iklan di bawah judul taruh di sini -->
Untuk menampilkan iklan di bawah postingan, letakan kode iklan di bawah kode <!-- iklan di bawah postingan taruh di sini -->
Terakhir klik “Simpan tema“
Note:
Untuk template selain Evo Magz, cukup cari kode<data:post.body/> setelah itu letakan kode iklannya di bawah atas atau di atas kode tersebut.
Tambahkan kode <p> di depan kode iklan dan kode </p> di belakang kode iklan untuk memberi jarak antara iklan dan postingan.
Jika ingin iklan yang tampil rata tengah, tambahkan kode <center> di depan kode iklan, dan kode</center> di belakang kode iklan.
Memasang Iklan AdSense di tengah postingan
Untuk cara memasang iklan di tengah postingan langkah-langkahnya hampir sama dengan cara memasang iklan di atas/di bawah postingan, hanya saja ada kode javascript khusus yang perlu sobat tambahkan.
Berikut langkah-langkahnya:
Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini…
Salin kode unit iklan yang sudah dibuat
Parse kode iklan yang sudah disalin.Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML
Cari kode berikut : <!-- iklan di bawah judul taruh di sini --> <data:post.body/> <!-- iklan di bawah postingan taruh di sini -->
Hapus kode tersebut setelah itu ganti dengan kode ini :<div expr:id='"post1" + data:post.id'/> <div style='margin:20px 0'> <center> ...kode iklan adsense yang sudah diparse di sini... </center> </div> <div expr:id='"post2" + data:post.id'><data:post.body/></div> <script 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>
Ganti tulisan ...kode iklan adsense yang sudah diparse di sini... dengan kode iklan milik sobat yang sudah diparse
Terakhir klik “Simpan tema“
Note:
Untuk template selain Evo Magz, cukup cari kode<data:post.body/> setelah itu hapus dan ganti dengan kode javascript yang sudah ditulis di atas.
Cara ini tidak berfungsi jika postingan di blog sobat ditulis melalui Microsoft Word.
Untuk mengatur posisi penempatan iklan silakan ubah angka pada kode s.length/2. Semakin besar angkanya semakin ke atas lokasi iklannya. Contoh : s.length/3 ataus.length/4 dst.
Memasang iklan AdSense In-Feed
Iklan AdSense In-Feed merupakan salah satu format iklan model baru yang disediakan oleh AdSense. Untuk pemasang iklan jenis ini agak sedikit ribet karena harus menyesuaikan dengan template yang digunakan.
Untuk Evo Magz, berikut adalah langkah-langkahnya:
Masuk ke Akun AdSense dan buat unit iklan In-Feed (In-Feed Ads).Caranya baca di sini…
Pada setelan format iklan atur seperti di bawah :
GLOBAL OPTION
– Font = Open Sans Condensed
– Border = 0px
– Padding= 0px 0px 0px 0px
IMAGE
– Width = 200px
– Padding = 0px 15px 5px 0px
HEADLINE
– Font size = 22px
– Style = Bold
– Warna text = #EE4B3D
DESCRIPTION
– Font size = 15px
Jika sudah, Simpan dan salin kode unit iklannya
Parse kode iklan yang sudah disalin.Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML
Cari kode ini : <data:defaultAdStart/> <b:loop values='data:posts' var='post'>
Hapus kode tersebut dan ganti dengan kode berikut : <data:defaultAdStart/> <b:loop values='data:posts' var='post' index='x'>
Selanjutnya cari kode berikut :<div class='post-outer'>
Note: Kode tersebut terdapat lebih dari satu, cari yang lokasinya paling dekat dengan kode yang sudah diedit sebelumnya.
Jika ketemu, tambahkan kode ini tepat di bawahnya :<b:if cond='data:blog.pageType == "index"'> <b:if cond='data:x==1'> <div class='post'> ...kode iklan in-feed di sini... </div> </b:if> <b:if cond='data:x==3'> <div class='post'> ...kode iklan in-feed di sini... </div> </b:if> </b:if>
Ganti kode tulisan ...kode iklan in-feed di sini... dengan kode iklan in-feed yang sudah diparse tadi.
Terakhir klik “Simpan tema“
