Google adsense memang menyediakan fitur edit di dashboard adsense pada setiap unit iklan yang memudahkan publisher untuk merubah ukuran iklan stye iklan.
Tetapi disini saya bukan untuk menjelaskan itu, melainkan merubah ukuran iklan fixed menjadi responsive dengan melalui eksperimen pengeditan kode iklan adsense.
Tetapi disisi lain saya juga ingin mendapatkan lebih banyak penayangan iklan, maka dari itu saya harus melakukan eksperimen ini yaitu merubah kode iklan ukuran fixed agar responsive dengan teknik codding yang sesuai dengan kebijakan google adsense.
Jika kamu mengalami hal serupa maka ini adalah solusi terbaik untuk menyelesaikan masalah anda. Simak dengan baik panduan eksperimen adsense ini.
Merubah Kode Iklan Adsense Ukuran Fixed Jadi Responsive.
Pertama coba perhatikan contoh kode iklan adsense dengan ukuran fixed atau ukuran tetap dibawah ini.[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:600px"
data-ad-client="ca-pub-0000005555111111"
data-ad-slot="0006666666"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Selanjutnya tambahkan class_name baru pada tag pembukaan ins, misalnya ad_responsive1 dan hapus style css yang ada pada kode iklan yaitu: style="display:inline-block;width:336px;height:600px", sehingga kode iklan terlihat menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
data-ad-client="ca-pub-0000005555111111"
data-ad-slot="0006666666"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Kemudian buat style css @media screen yang disesuaikan dengan template website anda seperti contoh berikut.
[code type="AdCss"]<style>
.ad_responsive1{ width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>[/code]
Jika anda sudah ahli di bidang css dan html, anda dapat mengimpor langsung style css ad responsive ke dalam internal css situs web anda, Tetapi jika anda adalah pemula sebaiknya gabungkan kode iklan dan css responsive menjadi satu, sehingga pemasangan kode iklan akan menjadi seperti contoh dibawah ini.
[code type="AdCode"]<style>
.ad_responsive1{width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
data-ad-client="ca-pub-0000005555111111"
data-ad-slot="0006666666"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Eksperimen atau pegeditan kode iklan adsense seperti yang saya contohkan diatas sebenarnya sudah dijelaskan google pada halaman bantuan mereka dan dapat dipastikan ini tidak melanggar kebijakan google adsense.
Tips Membuat Iklan Responsive Dengan Ukuran Yang Spesifik
Dalam mengubah kode iklan adsense ukuran fixed menjadi responsive di semua ukuran layar smartphone, tablet maupun dekstop ada beberapa yang harus diperhatikan yaitu;- Ukuran iklan tidak boleh melebihi ukuran kueri css @media screen atau ukuran per lebar layar.
- Gunakan size/ukuran iklan yang direkomendasikan oleh pihak google adsense, jangan sesekali membuat nilai width dan height secara sembarang (ukuran yang tidak didukung oleh adsense).
https://support.google.com/admanager/answer/1100453?hl=idDengan teknik peng-kode-an iklan adsense seperti diatas, maka iklan dengan ukuran tetap (fixed) tetap bisa responsive di semua ukuran alayar baik itu layar smartphone, tablet maupun dekstop atau PC.
Terlebih lagi jika anda menglami hal yang sama seperti saya seperti studi kasus diatas maka ini adalah satu-satunya cara yang tepat untuk mengatasinya (merubah iklan adsense ukuran tetap (fixed) menjadi responsive atau membuat iklan responsive dengan ukuran yang spesifik).