Cara Membuat Google Adsense Responsive Javascript

Memasang iklan google adsense tidaklah sulit, salah satunya dengan menambah javascript di kode iklan kita. Cara membuat iklan adsense dengan javascript ini tidak melanggar tos adsense maupun blogger.

Baik untuk kalian yang ingin membuat iklan google adsense dengan javascript dapat menggunakan cara berikut.

Menggunakan Template Responsive

Iklan google adsense yang akan kita buat nanti akan berjalan sempurna untuk template responsive. Jika kalian belum mempunyai template responsive, segera pasang ke blog kalian, saya jamin perubahannya akan memuaskan.

Menentukan Target Device Mobile

Menentukan target device mobile berarti ukuran layar berapa yang diguanakan. Sebagai contoh untuk template hypothesis berpegang dari list berikut :
Phone : 0-450px
Tablet :451-599px
IPad : 600-950px
Laptop : 951-1024px
Other : 1024px - max
Selengkapnya lihat di bagian target device!

Menentukan Ukuran Iklan

Untuk hasil terbaik adsense responsive kami memilih beberapa iklan yang "menampilkan iklan bergambar pada mobile" lihat penjelasan adsense support 6002621. Untuk ukuran iklan di sidebar akan terlihat seperti berikut :

Ukuran 1 : Adsense ukuran 300x600, Jika device max-width and min-width : 951px (Layar Laptop)

Ukuran 2 : Adsense ukuran 728x90, Jika max-width: 950px and min-width:728px (Layar Ipad)

Ukuran 3 : Adsense ukuran 468x60, Jika max-width: 727px and min-width: 599px (Layar Tablet Besar)

Ukuran 4 : Adsense ukuran 300x250, Jika max-width: 598px and min-width: 450px (Layar Tablet Kecil)
Ukuran 5 : Adsense ukuran 250x250, jika max-width : 450px and min-width : 0px (Layar Phone)

Menyesuaikan Dengan Template Responsive

Kode Javascript:
<script type="text/javascript"><!--
  var width = window.innerWidth || document.documentElement.clientWidth;
  google_ad_client = "ca-pub-ID *isi dengan id adsense kamu";
  /* Desktop Ad */
  if (width >= 800) {
google_ad_slot = "AD1-Desktop";
google_ad_width = 336;
google_ad_height = 280;
  /* Mobile HD Ad */
  } else if ((width < 800) && (width > 350)) {
google_ad_slot = "AD2-Mobile-HD";
google_ad_width = 300;
google_ad_height = 250;
  /* Mobile Ad*/
  } else {
google_ad_slot = "AD3-Mobile";
google_ad_width = 250;
google_ad_height = 250;
  }
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Anda juga bisa pasang dengan ukuran dan perubahan di setiap layar agar lebih memuaskan pilihlah yang dapat menampilkan iklan bergambar di semua ukuran. Atau anda juga bisa pasang dengan script synchrounous disertai dengan demo tampilan iklannya.  Itu cara dari kami.

Ranking: 5

Facebook Twitter Google+ Stumble it LinkedIn