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 arahan iklan adsense yang sesuai dengan ketentuan google adsense itu sendiri. Bolehkah mengedit arahan iklan adsense? balasan nya boleh asalkan sesuai dengan ketentuan google. Sobat blogger yang sering browsing lewat PC (Komputer) mungkin sudah tidak absurd lagi melihat iklan adsense yang terhampar luas sampai memenuhi laman artikel, dan menyesuaikan sendiri tinggi dan lebar iklan ketika di prangkat mobile. Iklan tersebut bukanlah iklan responsive biasa, melainkan sudah di beri sedikit modifikasi yang tentu nya sesuai dengan ketentuan google (tidak melanggar hukum google).

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

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

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

Tambahkan style atau property @media scren untuk menciptakan tampilan iklan yang lebih responsive dan rapi. Sebagai pola yaitu menyerupai 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, pola nya ".my_adresponsive". Google menyarankan semoga id @media scren (.example_responsive_1) di ganti dengan memakai 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 kau 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 semoga ukuran iklan yang anda butuhkan sesuai juga dengan ukuran pengiklan, alasannya yaitu setiap pengiklan juga memilih sendiri lebar dan tinggi iklan mereka.

Demikian saja klarifikasi aku mengenai cara mengatur/mengubah arahan iklan adsense yang kondusif dan sesuai dengan ketentuan google. kemudian kenapa aku masih memakai iklan yang tidak memakai style @media scren menyerupai itu? pakai juga aku tapi satu unit saja, tentu aku mempunyai alasan sendiri kenapa tidak semua dibentuk responsive, berdasarkan aku iklan yang menyerupai aku terapkan sudah cukup untuk menarik perhatian, kecil dapat memuat terfokus, besar juga dapat menciptakan terfokus, menambahkan style @media scren hanya untuk merapikan tampilan iklan saja.