0 Comment

Cara Mengatur Tinggi dan Lebar Iklan Responsive Adsense
Cara Mengatur Tinggi dan Lebar Iklan Responsive Adsense
Sebentar lagi publisher adsense gajian.... :). Tutorial kali ini mengenai cara merubah kode iklan adsense yang sesuai dengan ketentuan google adsense itu sendiri. Bolehkah mengedit kode iklan adsense? jawaban nya boleh asalkan sesuai dengan ketentuan google. Sobat blogger yang sering browsing lewat PC (Komputer) mungkin sudah tidak asing lagi melihat iklan adsense yang terhampar luas hingga memenuhi laman artikel, dan menyesuaikan sendiri tinggi dan lebar iklan saat di prangkat mobile. Iklan tersebut bukanlah iklan responsive biasa, melainkan sudah di beri sedikit modifikasi yang tentu nya sesuai dengan ketentuan google (tidak melanggar aturan google).

Kenapa harus men-setting sendiri tinggi dan lebar iklan responsive?

Tujuan menyeting sendiri tinggi dan lebar tampilan iklan adalah untuk merapikan posisi iklan saat dilihat melalui PC (Komputer). Sebagai contoh posisi iklan yang tidak rapi adalah pada situs saya ini. Saya meletak kan iklan 336x250 di bawah judul artikel sehingga saat di lihat melalui komputer, di bagian kanan dan kiri iklan terlihat kosong. Dan pada bagian tengah artikel saya meletakkan iklan responsive biasa, sehingga jika dilihat melalu perangkat komputer iklan tersebut terlihat sangat kecil, padahal akan lebih baik dan rapi jika iklan tersebut membentuk lebar penuh sesuai dengan laman dan tinggi iklan mencapai hingga 200 px sapai 250 px.

Bagaimana cara membuat iklan lebih Responsive yang sesuai dengan ketentuan Google Adsense?

Tambahkan style atau property @media scren untuk membuat tampilan iklan yang lebih responsive dan rapi. Sebagai contoh adalah seperti berikut ini.
<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-01xxxxxxxxxxxxx9"
     data-ad-slot="8xxxxxx1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Catatan:
  1. Ganti ca-pub-01xxxxxxxxxxxxx9 dengan Id ca-pub anda sendiri dan ganti juga ad-slot yaitu id iklan 8xxxxxx1 dengan id iklan yang ingan anda buat menjadi lebih responsive.
  2. Ganti juga semua, ".example_responsive_1" dengan kalimat anda sendiri, contoh nya ".my_adresponsive". Google menyarankan agar id @media scren (.example_responsive_1) di ganti dengan menggunakan bahasa inggris.
  3. Ubah juga nilai width: 728px; height: 90px; dengan ukuran yang sesuai dengan lebar laman anda, misal nya menjadi width: 900px; height: 250px; namun kamu harus ingat, merubah ukuran tinggi dan lebar harus sesuai juga dengan ukuran-ukuran iklan yang di bolehkan oleh google.
Baca petunjuk google mengenai ukuran tinggi dan lebar iklan yang di bolehkan/dianjurkan oleh google disisni. Ini bertujuan agar ukuran iklan yang anda butuhkan sesuai juga dengan ukuran pengiklan, karena setiap pengiklan juga menentukan sendiri lebar dan tinggi iklan mereka.

Demikian saja penjelasan saya mengenai cara mengatur/mengubah kode iklan adsense yang aman dan sesuai dengan ketentuan google. lalu kenapa saya masih menggunakan iklan yang tidak menggunakan style @media scren seperti itu? pakai juga saya tapi satu unit saja, tentu saya memiliki alasan sendiri kenapa tidak semua dibuat responsive, menurut saya iklan yang seperti saya terapkan sudah cukup untuk menarik perhatian, kecil bisa memuat terfokus, besar juga bisa membuat terfokus, menambahkan style @media scren hanya untuk merapikan tampilan iklan saja.

Post a Comment

 
Top