Mas Sugeng

Berbagi pengalaman ngeblog

Beranda / Tutorial Blogger / Cara Memasang Iklan AdSense di Template Evo Magz

Cara Memasang Iklan AdSense di Template Evo Magz

Bagi pengguna template Evo Magz 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 blogger yang lain, hanya saja ada beberapa langkah-langkah yang perlu penyesuaian.

Di bawah akan saya jelaskan lebih lengkapnya.

Note: bagi yang belum menggunakan template Evo Magz, tidak ada salahnya untuk mencoba template ini. Info selangkapnya…

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“

Memasang Iklan AdSense Lewat Menu Penghasilan

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 AdSense

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/Gadget HTML/JavaScript
  • Selanjutnya paste kode unit iklan adsense yang sudah disalin tadi pada kolom yang tersedia.
  • Terakhir klik “Simpan“

AdSense HTML JavaScript

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“

iklan di atas dan di bawah postingan blogger

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='&quot;post1&quot; + data:post.id'/>
<div style='margin:20px 0'>
<center>
...kode iklan adsense yang sudah diparse di sini...
</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>
  • Ganti tulisan ...kode iklan adsense yang sudah diparse di sini... dengan kode iklan milik sobat yang sudah diparse
  • Terakhir klik “Simpan tema“

memasang iklan adsense di tengah postingan

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 atau s.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 == &quot;index&quot;'>
<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“
contoh tampilan iklan in-feed adsense
Tampilan Iklan In-Feed di Template Evo Magz

Penutup

Demikian panduan ini saya tulis dengan sesederhana mungkin, jika ada yang kurang jelas silakan bisa ditanyakan di kolom komentar.

Terima kasih.

Artikel Terkait:

72 Komentar

  1. Mas sugeng misal saya mau pasang iklan di atas, tengah dan dibawah artikel itu gimana mas ?

    Sekalian mau tanya, cara bikin iklan di belakang artikel kaya web berita tribun, detik gitu gimana mas ?

    Balas

  2. abis baca artikelnya jadi kepikiran, bagaimana agar agar adsense yang muncul di website kita mempunyai nilai klik yang tinggi.

    Katanya ada yg bilang klo website gado-gado kurang baik. tapi website saya mengunai kebudayaan dan kesenian Indonesia tapi hasinya juga tidak maksimal.

    Ada sarannya ga Mas..

    terima kasih

    Balas

    • Selain gado-gado memang masih banyak topik-topik yang harga klik iklannya rendah.

      Solusinya ganti topik lain atau tingkatkan jumlah pengunjung lebih banyak lagi.

      Balas

  5. Mas saya sudah terlanjur masukin kode iklan sesuai yang tertulis di dalam template (dibawah judul dan dibawah artikel)
    Nah kalau saya mau pasang 3 dengan yang ditengah gimana nempelnya mas? apakah kembali ke tema awal dulu atau bisa langsung di replace area data post body yg ditengah itu?

    Balas

  8. Barusan ganti ke template ini, template memang mantap mas. bisa pasang iklan di tengah artikel. Warnanya juga cerah . Oh ya .. kalau labal 1 sampai label 6 itu, biasanya di isi dengan apa ya ?

    oh ya mas sugeng … seya mau tanya: saya lihat banyak blog yang dalam postingannya nya, ‘mengelink’ ke url postingan itu sendiri? kenapa ya? apa bagus secara SEO ?

    terima kasih

    Balas

  9. Wah terimakasih Mas Sugeng.. selama ini pusing nyari caranya naruh adsense di tengah postingan di template evomagz. Eh ternyata di sini ada panduan lengkap. Mantap Mas, sekali tempel langsung oke. Terbaik!
    Sukses selalu Mas Sugeng..

    Balas

  13. Memasang iklan in-Feed sudah saya terapkan mas, tapi di buka versi mobile tidak keluar iklannya hanya di versi desktop, solusinya mas? Kalo di ganti kode iklan Responsive biasa bukan in-Feed boleh ngga?

    Balas

    • Jika mengaktifkan versi seluler/mobile memang tidak akan tampil mas. Saran saya cukup nonaktifkan saha versi seluler.

      Bisa diganti dengan kode iklan responsive, tidak harus iklan in-feed.

      Balas

  17. Mas cara daftar Adsense yang terbaru gimana ya? saya udah baca artikel mas yang sebelumnya, tapi kenyataan nya adsense yang dlu dengan yang sekarang berbeda cara daftarnya

    Balas

  19. Mas allhamdulillah tadi malam pihak adsense nerima pengajuan saya. Yang saya tanyakan apakah ketika kita memasang iklan diatas postingan, di bwah postingan, dan ditengah postingan dapat mengganggu kenyamanan pembacakah? Terima kasih

    Balas

  25. Tnya mas?.
    Masu sugeng memberi tnda panah merah nomer dan nama pd (sebagai petunjuk pada gambar) pakai aplikasi ap mas e?

    Saya pakai paint.. Eh setelah di post gambar nya ngeblur semua.. Punya mas sugeng gmbarnya detail banget.

    Mohon pencerahan nya mas.. Trimakasih

    Balas

  28. rumit juga ya kalau mau masang iklan yang di postingan… harus otak atik.. kode script…

    sebenernya posisi iklan yang lebih besar peluangnya untuk dapat klik di sebelah mana ya mas, kalau menurut pengalaman mas sugeng nih ?

    Balas

  30. Mas template Evo Magz kan update, nah waktu itu saya pernah beli template nya di mas Sugeng terus sekarang saya kok belum dapet update nya ya?

    Mohon jawabannya mas Sugeng.

    Balas

  34. Saya belum pake template ini sih, tapi ngelihat blog2 orang pake template in jadi ngiler juga , responsive Dan ok tampilannya.
    Terus nanti kalo mau pake template ini tutorial Pasang iklannya udah lengkap.
    Makasih Mas Sugeng.

    Balas

  35. Mas sugeng, makasih untuk artikelnya. Akhirnya tentang pemasangan iklan adsense dibahasa juga. Biasanya saya harus nyari diluar sana.

    Btw, bagaimana dengan pemasangan matched content pada Evo magz? Hingga saat ini saya belum berhasil memunculkan gambar pada matched content adsense. Kata beberpa orang itu karena faktor template. Apakah ada solusinya untuk menampilkan gambat pada matched content adsense ?

    Balas

  39. wah lengkap banget. hehehe.. dari sekain penerapan diatas saya paling suka yang widget adsense sama widget html/javascript… soalnya simpel untuk diterapkan hehehe. tapi lebih maksimal lagi penerapan diatas diterapkan semua. btw thanks mas sugeng! ijin bookmark

    Balas

  40. Ini yang Saya cari mas. sempat dlu kebinggungan ngeletakin Iklan Adsense di tengah postingan dan cari sumber-sumber di google namun tidak ada yg berhasil. Akhirnya saya nemu postingan terbaru mas sugeng.. mantap mas. Oh ya kira-kira letak iklan yang paling tinggi Ctr nya dimana ya mas salam..

    Balas

        • Iya memang lebar, tapi tidak lebar banget.

          Untuk saat ini pengakses internet lebih banyak menggunakan perangkat mobile ketimbang desktop. Jadi meskipun template-nya agak lebar jika diakses via desktop tidak begitu masalah asalkan templatenya responsive di semua ukuran layar.

          Balas

Tinggalkan Komentar

Semua komentar saya baca tapi tidak semuanya bisa saya balas. Harap untuk memaklumi.