Memaksimalkan Adsense Responsive dan Adsense for Search

Selamat malam, selamat pagi, selamat siang, selamat sore, atau selamat petang. hehe

Oke, saya ingin berbagi ke agan-agan sekalian, buat yang udah mastah, boleh skip ini thread ya 

ini mungkin untuk yang belum tau, Apa itu adsense responsive dan Adsense for Search dan bagaimana cara membuatnya.

Okey, langsung aja to the point.

ADSENSE RESPONSIVE

Adsense responsive ini adalah unit iklan adsense yang responsive. Ukurannya dapat kira atur sendiri agar bisa sesuai dengan resolusi gadget yang membuka blog kita. Misal, ketika resolusi gadget nya punya width 300px, nah kita bisa nampilin iklan 250x250px di gadget itu. Kalau begitu kan iklannya gak bikin ada scroll ke kanan/kiri. Jadi pengguna bisa melihat iklan sepenuhnya tanpa harus scroll kanan/kiri. Oke, langsung saja ke cara membuatnya

NB: Pastikan template/theme agan sudah responsive.

1. jangan lupa login ke google adsensenya 
2. Kita buat unit iklan baru, pilih Responsive [BETA]
   lalu klik Save and get code, dan cari pub-id agan dan kode iklan agan
   
3. misal kita pakai blogspot dan mau di pakai di header yang responsive
   
   Kita add gadget
4. lalu masukkan kode di bawah ini
   HTML Code:

   
   <style scoped> 
   
   .respon { width: 200px; height: 200px; } 
   @media (min-width:210px) { 
   
   
   eight: 200px;} 
   } 
   
   
   
   dia (min-width:260px)
   
   @m
   e
   .respon {width: 200px; 
   h { 
       .respon {width: 250px; height: 250px;} 
   } 
   
   
   x; height: 250px; } 
   } 
   
   
   
   
   
   @m
   e
   @media (min-width:310px) { 
       .respon {width: 300
   pdia (min-width:340px) { 
       .respon {width: 336px;height: 280px;} 
   } 
   
   
   } 
   
   
   
   @media (min-width:610px)
   
   
   @media (min-width:470px) { 
       .respon {width: 468px; height: 80px; } 
    { 
   
      .respon {width: 160px; height: 600px;   
   .respon {width: 120px; height: 600px;} 
   } 
   @media (min-width:800px) { 
   
      } 
   } 
   
   </style> 
   
   <ins class="adsbygoogle respon" style="display:inline-block;" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" data-adslot="XXXXXXXXXXX"></ins> 
   
   <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
   

   Jika di bahasa manusiakan, .respon { width: 200px; height: 200px; } adalah ukuran terkecil dari sebuah iklan responsive
   @media (min-width:210px) { 
   .respon {width: 200px; height: 200px;} 
   } 
   @media (min-width:260px) { 
   .respon {width: 250px; height: 250px;} 
   } ini berarti jika width gadget mulai dari 210px hingga 260px, maka harus menampilkan unit iklan 200x200px, dan seterusnya
   
   
   Ganti XXXXXXXXXXXXXXXX dengan ID publisher agan
   dan XXXXXXXXXXX dengan kode iklannya

Oke, udah selesai. Tinggal agan sesuaikan dengan keresponsive-an template agan.

ADSENSE FOR SEARCH

Adsense for search ini sama dengan google custom search engine (CSE), namun di search resultnya akan muncul iklan terkait dengan kata kunci yang dimasukkan oleh pengguna. Jadi sama dengan agan buka google yang muncul iklan adword, namun disini yang muncul di search result hanya blog agan.

Bagaimana cara membuatnya ? ini dia

1. Seperti biasa, login akun adsensenya 
2. Bagi yang belum daftar adsense for search, silahkan ke My Ads > Other Product > sign up (atau apa gitu, lupa) Adsense for search
3. Kalo udah, nanti akan muncul seperti ini:
   
4. yap, pilih search > Custom for search > New Custom Search Engine
   
5. Lalu isi formnya seperti berikut
6. SAVE AND GET CODE
7. Lalu tempatkan kode iklannya dimana saja yang kamu bisa