Thursday 23 March 2023
Pasang Iklan
Blogging Resources
About
TeknoHere.com TeknoHere.com
banner-header-1
  • Home
  • Internet & Web
  • Komputer
  • Gadget
  • SEO
  • Bisnis
  • Kontes
  • Selingan
  • Review
  • Berita
  1. Home
  2. Internet & Web
  3. Cara Menggunakan Iklan Google AdSense Di Website Responsif
Internet & Web

Cara Menggunakan Iklan Google AdSense Di Website Responsif

by admin 16 September 2012 137 0 Comment 5 min read

AA

 Cara Menggunakan Iklan Google AdSense Di Website Responsif

Desain web responsif adalah sebuah teknik sederhana namun kuat yang membuat website Anda terlihat baik di semua ukuran layar baik di hp, tablet, desktop maupun TV.

Google juga merekomendasikan penggunaan desain web responsif untuk meningkatkan indeks website karena “desain web responsif membuat konten website di mobile dan komputer hanya berada pada 1 URL”. Tanpa responsif, desainer web perlu membuat tampilan web untuk perangkat mobile yang biasanya alamat situsnya seperti m.kaskus.co.id.

Iklan Google di Website Responsif

Jika Anda sudah menggunakan iklan Google AdSense di website responsif, Anda mungkin sudah menyadarinya, tidak seperti konten Anda, iklan Google punya lebar yang tetap dan iklan tersebut tidak akan mengecil atau membesar berdasarkan ukuran layar.

iklan google responsifMisalnya, jika Anda menggunakan iklan berukuran 728 × 90, iklan tersebut akan terlihat lebar melewati layar jika seseorang mengunjungi website Anda pada hp dengan lebar 320 pixel atau memakai tablet dengan resolusi yang lebih rendah.

Iklan Google AdSense tidak responsif secara default tetapi Anda bisa menggunakan sedikit kode JavaScript untuk membuatnya bisa merespon sesuai dengan ukuran layar. Logikanya sangat sederhana. Anda membuat beberapa unit iklan (katakanlah 768×90, 468×60 dan 300×250) dan berdasarkan pada ukuran (lebar) dari perangkat pengguna, ukuran layar tertentu akan menampilkan iklan dengan ukuran tertentu pula.

Berikut ini kode JavaScript-nya:

<script type="text/javascript">
 google_ad_client = "ca-publisher-id";
 if (window.innerWidth >= 800) {
 google_ad_slot = "ad-unit-1";
 google_ad_width = 728;
 google_ad_height = 60;
 } else if (window.innerWidth < 400) {
 google_ad_slot = "ad-unit-2";
 google_ad_width = 300;
 google_ad_height = 250;
 } else {
 google_ad_slot = "ad-unit-3";
 google_ad_width = 468;
 google_ad_height = 60;
 }
</script>
<script type="text/javascript" 
 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Jangan lupa untuk mengganti nilai dari google_ad_client dan google_ad_slot dengan nilai Anda sendiri (Anda bisa dengan mudah menemukan mereka pada kode JavaScript AdSense yang asli).

Dalam kode tersebut yang melakukan semua magic-nya adalah properti window.innerWidth. Properti ini berisi lebar (dalam piksel) dari jendela browser pengguna dan setelah Anda mengetahui nilai tersebut, Anda bisa menggunakan ukuran iklan Adsense yang lebih besar atau yang lebih kecil.

Disarankan Anda menghubungi Google terlebih dahulu apakah ini menyalahkan aturan TOS Adsense atau tidak. Pendapat kami, hal ini tidak menyalahi aturan TOS Adsense karena kita tidak mengubah ukuran iklan atau memodifikasi kode JavaScript. Kita hanya menampilkan unit iklan yang berbeda berdasarkan pada ukuran layar pengunjung.

Share This:

  • 0
    Share
    Facebook
  • 0
    Share
    Twitter
  • 0
    Share
    LinkedIn
  • 0
    Share
    Pinterest
  • 0
    Share
    Skype
Previous post
Next post

admin

administrator

I'm an enthusiast in new technologies and improvement in the IT field especially web. In addition I'm a fan of football and SEO. I love good foods, doing sports, watching movies, listening musics, travelling, online business and surfing internet.

Leave a Reply

Your email address will not be published. Required fields are marked *

Follow us
  • 1.1K
    Fans
    1.1K
    Fans
  • 1.7K
    Subscribers
    1.7K
    Subscribers
  • 1.2K
    Count
    1.2K
    Count
  • 0.7K
    Count
    0.7K
    Count
Artikel Terbaru
Komputer

Cara Menghapus Baris Duplikat Di Sublime

26 July 2015
Internet & Web

Cara Menonaktifkan Fitur Download File Yang

21 July 2015
Gadget

Cara Menghapus Backup iCloud Yang Lama

17 July 2015
Gadget

Bagaimana Membatalkan Langganan Apple Music?

3 July 2015
Related Stories for you
teknohere mobile friendly
Internet & Web

Apakah Situs Kamu Lolos Tes Google Mobile-Friendly?

by admin 16 December 2014 146 1 min read

Apakah kamu pernah mengecek situs kamu di tes resmi Google Mobile-Friendly untuk mengetahui apakah situs kamu memenuhi standar desain mobile.

list mata uang adsense
Internet & Web

Cara Lihat Penghasilan Adsense Dalam Rupiah

by admin 21 December 2013 149 2 min read

Sekarang Anda dapat melihat penghasilan Adsense dan laporan kinerja dalam mata uang Rupiah. Sampai sekarang kami selalu bisa melihat penghasilan

iklan kustom adsense
Internet & Web

Cara Membuat Ukuran Iklan Adsense Sesukanya

by admin 21 December 2013 154 3 min read

Sekarang Anda dapat membuat iklan Adsense dengan berbagai ukuran. Peluncuran ukuran iklan responsif memungkinkan Adsense untuk memodifikasi ukuran iklan berdasarkan

TeknoHere.com TeknoHere.com
app_store
google_play
About Us
Work With Us
Blogging Resources
Contact
Disclaimer
Privacy Policy
Terms of Use
Copyright 2023. All Right Reserved