Pilihan sederhana adalah memasang ad unit tetap yang cocok untuk semua jenis gadget, dan jika itu yang diinginkan maka ukuran paling sesuai adalah 300x250. Ukuran ini bisa untuk desktop besar hingga telepon pintar. Namun ukuran ini tidak boleh ditampilkan "above the fold" pada smartphone, karena akan menggeser isi seluruh tulisan ke bawah layar dan itu bisa menjengkelkan pengunjung.
Dengan mengubah responsive ad code maka publisher bisa mengontrol ukuran ad sesuai keinginan, ketimbang menyerahkan sepenuhnya pada Google. Sebagai contoh, publisher bisa menampilkan ukuran 336x280 pada desktop, dan menggantinya dengan ukuran 300x250 untuk "below the fold" atau 320x100 untuk "above the fold" pada gajet kecil.
Berikut adalah petunjuk bagaimana mengubah responsive ad untuk menyesuaikannya sesuai keinginan publisher:
Mengubah Responsive Ad Code untuk "above the fold"
- Layar dengan lebar hingga 500px: 320x100 ad unit.
Layar dengan lebar 500px - 799px: 468x60 ad unit.
Layar dengan lebar 800px ke atas: 728x90 ad unit.
Gunakan kode dibawah ini:
<style>
.responsive1{width:320px;height:100px}
@media(min-width: 500px) {.responsive1{width:468px;height:60px} }
@media(min-width: 800px) {.responsive1{width:728px;height:90px} }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle responsive1"
style="display:inline-block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script> - Cara yang kedua untuk above the fold adalah menampilkan ukuran 320x100 untuk ukuran layar hingga 500px, dan untuk layar lebih dari 500px menggunakan 100% lebar layar dengan tinggi 90px.
Gunakan kode dibawah ini:
<style>
.responsive2{width:320px;height:100px}
@media(min-width: 500px) {.responsive2{width:100%;height:90px} }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle responsive2"
style="display:inline-block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
Mengubah Responsive Ad Code untuk "below the fold"
Layar dengan lebar hingga 500px: 250x250 ad unit.Layar dengan lebar 500px - 799px: 300x250 ad unit.
Layar dengan lebar 800px ke atas: 336x280 ad unit.
Gunakan kode dibawah ini:
<style>
.responsive3{width:250px;height:250px}
@media(min-width: 500px) {.responsive3{width:300px;height:250px} }
@media(min-width: 800px) {.responsive3{width:336px;height:280px} }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle responsive1"
style="display:inline-block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>Jangan lupa untuk mengganti nomor pada data-ad-client dan data-ad-slot dengan nomor yang ada pada akun Adsense Anda. Selamat mencoba.
Label: AdSense, Inspirasi, Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.
