Home Adsense

Tutorial Cara Pasang Iklan Adsense Lengkap Beserta Gambar

Updated: • • min read
Table of Contents
#blogspot adsense #create google adsense #google adsense blog #google adsense start #google adsense payment #google adsense sign in
 Bagaimana cara memasang iklan Google Adsense di blog? Tentu saja untuk memasang iklan, Anda harus sudah disetujui dan memiliki akun Google Adsense terlebih dahulu.
Untuk penempatan kode iklan adsense bisa di letakkan di mana saja, tergantung pada template blog dan yang paling bagus adalah di tempat strategis agar penghasilan adsense berpotensi ada peningkatan.
Kiat dan cara memaksimalkan pendapatan adsense juga tergantung kita sebagai pemilik blog, jadi penempatan iklan adsense pada bidang template ini yang akan mempengaruhi pendapatan.

1. Pasang Iklan dari Akun Google Adsense

Untuk memasang iklan melalui akun Adsense, pertama mendapatkan kode unit iklan adsense dengan langkah-langkah seperti ini:

1. Silahkan Login ke akun google adsense dan Anda akan dihadapkan pada tampilan beranda.

2. Disini Anda bisa melihat laporan penghasilan Adsense. Selanjutnya, klik Iklan Saya (My Ads) yang berada di bawah beranda/

3. Lalu pilih Content kemudian Unit Iklan (Ad Unit), terdapat beberapa pilihan serta ukuran yang bisa di sesuaikan pada template blog. 

Silahkan lihat gambar dibawah untuk langkah-langkahnya:
  • Pada pilihan Iklan Saya (My Ads). Disana terdapat beberapa pilihan, Anda cukup pilihan Content. Di dalamnya ada Auto Ads, Ad Units, Ad Balance, Custom Channels dan URL Channels. 

  • Untuk mengambil kode iklan dan memasangnya di blog secara manual, maka pilihannya ke Unit Iklan (Ad Units). Ketika menekan tombol tersebut akan muncul halaman baru. 



  • Untuk membuat unit iklan baru, klik tombol + Unit iklan baru.

  • Akan muncul empat jenis unit iklan yang tersedia. Tiga diantaranya berupa Native Ads. Ada Matched Content, In-feed ad dan In-article Ad. 
  • Silahkan kalian pilih jenis iklan yang hendak dipasangkan ke blog.
  • Saat menekan tombol pilih atau Select akan muncul halaman konfigurasi.

  • Pada tahap inilah akan memilih, tampilan iklannya seperti apa. terdapat beberapa pilihan serta ukuran yang bisa di sesuaikan pada template blog. kemudian pilih sesuai kebutuhan Anda, 
  • Pada jenis iklan bisa di pilih untuk iklan gambar dan teks, gambar saja atau teks saja, sesuaikan dengan pilihan anda. 
  • Di bawah nya terdapat menu untuk menyesuaikan dengan warna template blog anda, di sini saya sarankan pilih yang default saja, atau anda bisa mengkombinasikan sesuai selera.
  • Terakhir klik simpan untuk mendapatakan kode iklannya.

  • Langkah selanjutnya, tinggal mengcopy kode iklan yang muncul. Pasang di blog kalian dengan dua cara. Bisa di bagian Tata Letak, bisa juga di bagian Edit HTML pada pengaturan Theme

#Memasang Iklan di Header, Sidebar dan Footer
Anda bisa meletakkan iklan adsense pada header, sidebar maupun di footer pada template blog, untuk memasangnya bisa secara langsung melalui widget.
  1. Masuk ke dashboard blogger > 
  2. Tata letak >
  3. Tambahkan gadget
  4. Setelah itu pilih “gadget “HTML/Javascript” Tempatkan kode unit iklan yang sudah anda copy dari akun Adsense, lalu klik simpan.

#Memasang Iklan di bawah judul postingan

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di bawah judul blog, membaur dengan teks postingan, sesuai selera anda bisa di pasang di kiri ataupun di kanan.

Sebelumnya anda harus memparse kode iklan terlebih dahulu, langkah-langkahnya:
  1. Copy kode iklan dari akun Adsense
  2. Kemudian unjungi halaman Parse Kode
  3. Tempelkan kode iklannya di kotak halaman tersebut, lalu klik Parse Kode
  4. Copy kembali kode iklan yang telah berhasil di Parse

Selanjutnya masuk ke Edit Templat dan tambahkan Tag di antara kode iklan tersebut.
  1. Masuk ke dashboard blogger > Template > edit HTML
  2. Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
  3. Untuk <data:post.body/> bisa terdapat 2 sampai 3 kode yang sama pada template
  4. Pilihlah <data:post.body/> yang ke 2 atau ke 3 atau bisa di coba satu persatu
  5. Lalu tempatkan kode di bawah ini tepat di atas kode tersebut. Jadinya akan terlihat seperti dibawah ini.

<div style=’float:left;padding-right:10px;’>
kode iklan anda yang sudah diparse
</div>

  • Untuk meletakkan iklan di kiri, anda bisa menambahkan left
  • Untuk meletakkan iklan di kanan anda bisa menambahkan right
  • Untuk meletakkan iklan di tengah anda bisa menambahkan center 

Setelah semuanya oke baru kemudian klik Simpan untuk perubahan.

#Memasang Iklan di Tengah postingan

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di tengah tengah posting membaur menjadi satu dalam artikel. Kode unit iklan juga harus di parse terlebih dulu.

Sebelumnya anda harus memparse kode iklan terlebih dahulu, langkah-langkahnya:

  1. Copy kode iklan dari akun Adsense
  2. Kemudian unjungi halaman Parse Kode
  3. Tempelkan kode iklannya di kotak halaman tersebut, lalu klik Parse Kode
  4. Copy kembali kode iklan yang telah berhasil di Parse

Selanjutnya masuk ke dashboard blogger > Template > edit HTML

Cari dan temukan kode <data:post.body/> yang di tandai dengan tag kondisional post body yang menampilkan halaman posting bukan pada homepage. Seperti contoh di bawah ini.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>



Tambahkan kode <div id=’jobmiddlenew’> di atasnya,dan kode </div> di bawahnya. Sehingga menjadi seperti ini.
<div id='jobmiddlenew'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</div>


Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style>
 #addcodemiddle{display: none;}
 </style>
 <div id='addcodemiddle'>
Kode iklan yang sudah di parse    </div>
 <script type='text/javascript'>
 var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
 var str2=str1.length;
 var str3=str2/2;
 var substr = str1.substring(str3, str2);
 var n = substr.search(&quot;&lt;br&gt;&quot;);
 if(n&lt;0)
 {
 n = substr.indexOf(&#39;.&#39;);
 if(n&lt;0)
 {
 n=0;
 }
 var firsthalf = str1.substring(0, str3+n+1);
 var secondhalf = str1.substring(str3+n+1, str2);
 }
 else
 {
 var firsthalf = str1.substring(0, str3+n+4);
 var secondhalf = str1.substring(str3+n+4, str2);
 }
 var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
 var newbody=firsthalf+addcode+secondhalf;
 var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
 strnew[0].innerHTML=newbody;
 document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
 </script>
 </b:if>



Sebelum di simpan alangkah baiknya di pratinjau dahulu, barangkali ada kesalahan dalam penepatan kode. Setelah semua selesai baru klik simpan untuk melihat perubahan.

#Memasang iklan di bawah postingan


Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di bawah postingan blog, membaur dengan teks postingan, sesuai selera anda bisa di pasang di kiri ataupun di kanan.


Sebelumnya anda harus memparse kode iklan terlebih dahulu, langkah-langkahnya:
  1. Copy kode iklan dari akun Adsense
  2. Kemudian unjungi halaman Parse Kode
  3. Tempelkan kode iklannya di kotak halaman tersebut, lalu klik Parse Kode
  4. Copy kembali kode iklan yang telah berhasil di Parse

Selanjutnya masuk ke dashboard blogger > Template > edit HTML

  • Cari dan temukan kode <data:post.body/> dengan menekan CTR+F

  • Karena <data:post.body/> yang tag kondisional sudah di gunakan, cari kode <data:post.body/> yang di bawahnya
  • Setelah itu copy kode di bawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
Kode iklan yang sudah di parse
</div>
</b:if>

  • Untuk meletakkan iklan di kiri anda bisa menambahkan left.
  • Untuk meletakkan iklan di kanan anda bisa menambahkan right.
  • Untuk meletakkan iklan di tengah anda bisa menambahkan center. 

Setelah di pratinjau dan oke, baru kemudian di simpan untuk melihat hasilnya.

2. Pasang Iklan Google Adsense dari Blogspot

Untuk memasang iklan melalui Blogspot sangatlah mudah. Silahkan simak langkah-langkahnya di bawah ini dengan seksama.

  • Masuk ke akun blogger Anda dan memilih Penghasilan.


  • Pilih Ya untuk memasang iklan Adsense di blog. 

  • Di bawahnya ada pilihan untuk menyesuaikan lebih lanjut. Jika mengklik tulisan tersebut, kita akan diarahkan ke 'Tata Letak'. Pada cara terdahulu pilihannya akan langsung dihalaman semula. Ada tiga format yang ditawarkan.
  • Dengan memilih Ya, iklan adsense sudah bisa muncul di versi mobile. Tanpa perlu dilakukan tindakan lebih lanjut. 
  • Namun jika menyesuaikan iklan di Header, Sidebar dan Footer sendiri, maka selanjutnya pilih laman 'Tata Letak'.

#Memasang Iklan di Header, Sidebar dan Footer
  • Masuk ke laman 'Tata Letak'
  • Anda hanya perlu menekan tombol 'Tambahkan Gadget'. 
  • Kemudian akan muncul jendela baru yang berisi beragam pilihan. 'Adsense' biasanya berada di bagian paling atas. Tinggal menekan tombol (+) yang berwarna biru. Atau tulisan Adsensenya.

  • Halaman konfigurasi akan terbuka. Silahkan mengatur tampilan iklan yang diinginkan. Usahakan formatnya responsif biar ketika dibuka dalam versi yang berbeda, iklannya tetap menyesuaikan. Jenis iklannya pun sebaiknya pilih 'Teks dan Gambar'.


  • Untuk perpaduan warna, silahkan di eksplorasi sendiri. 

  • Tepat di bawahnya ada pratinjau yang iklan ketika dimunculkan. Jika sudah selesai dengan halaman konfigurasinya, tekan 'Simpan'.

Jika unit iklan baru yang pasang harus menunggu beberapa saat atau beberapa jam agar iklannya baru muncul di blog, bahkan bisa juga sehari baru muncul. Setelah iklan terpasang dan tayang di blog, selanjutnya tugas Anda meningkatkan penghasilan. Ada banyak langkah dan taktik yang bisa ditempuh. Namun yang paling mendasar adalah memperbanyak kunjungan.