Rabu, 21 Februari 2018
Belajar.NET - Apa kabar semua Blogger tanah air, kali ini saya ingin berbagi tips dengan sedikit modifikasi iklan agar Responsif, tentu sahatab perbah melihat website atau blog yang sudah tampil iklan terkadang iklannya menjengkelkan atau mengganggu, nah disini kita coba membuat iklan agar terlihat bagus dan tidak mengganggu.
Jadi, cara kerjanya seperti ini :
Baca juga bagaimana kita mendapatkan Dolar dengan GA DISINI
Kita sedikit melakukan modifikasi dengan menambahkan css pada kode iklan, fungsinya adalah sebagai berikut :
- Ukuran iklan akan menyesuaikan settingan kita, berdasarkan css.
- Jika website/blog dikunjungi oleh perangkat komputer dengan layar minimal 800px, maka iklan yang tampil berukuran besar 620px x 300px, jika di perangkat smartphone maka kita bisa merubah ukuran lebih kecil.
- Sehingga, iklan yang tampil pada layar komputer akan lebih bagus dan besar, tentu semoga bisa meningkatkan klik iklan kita.
- Iklan tetap responsive.
Cara Memodifikasi Iklan Adsense Responsive
- Gunakan script dibawah ini, dan ubah id penerbit, serta id unit iklan.
<style type=”text/css”>
.responsive_ad { width: 250px; height: 250px; }
@media (min-width: 500px) { .responsive_ad { width: 336px; height: 280px; } }
@media (min-width: 800px) { .responsive_ad { width: 620px; height: 300px; } }
</style>
.responsive_ad { width: 250px; height: 250px; }
@media (min-width: 500px) { .responsive_ad { width: 336px; height: 280px; } }
@media (min-width: 800px) { .responsive_ad { width: 620px; height: 300px; } }
</style>
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”>
</script>
</script>
<!– example_responsive_1 –>
<ins class=”adsbygoogle responsive_ad”
style=”display:inline-block”
data-ad-client=”ca-pub-********”
data-ad-slot=”**********“></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class=”adsbygoogle responsive_ad”
style=”display:inline-block”
data-ad-client=”ca-pub-********”
data-ad-slot=”**********“></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
- Keterangan :
- Warna hijau : code css untuk mengatur ukuran iklan.
- Warna biru : ID Penerbit Adsense dan ID Unit Iklan.
- Dengan menggunakan script diatas, maka iklan kita akan tampil sebagai berikut :
- Pada laptop/komputer maka iklan akan tampil dengan ukuran 620x300px.
- Pada smartphone maka iklan akan tampil dengan ukuran 336x280px.
Baiklah, kurang lebih seperti itu. Mungkin ada yang bertanya-tanya, apakah cara memodifikasi iklan responsive adsense ini aman? Jawabannya adalah aman, selama kita tidak melanggar aturan dari google adsense.