Cara Membuat Unit Iklan Adsense Yang Responsif

Seperti yang telah di jelaskan oleh google adsense tentang " Cara Membuat Unit Iklan Yang Responsif " Ini bertujuan agar semua iklan dapat muncul berbagai ukuran sesuai dengan kode responsif yang kita terap pada slot iklan yang kita pasang. Seiring dengan perkembangan teknologi internet google tidak mau ketinggalan konsumenya yang mengunakan Komputer,iPhone,Tablet,Handphone,Sehinga terciptalah iklan yang responsif agar dapat mencapai tekologi tersebut. Jendela iklan akan di tampilkan secara otomatis sesuai dengan lebar layar Komputer,Iphone,Tablet ataupun Handphone.

Google adsense tidak harus menyarankan kita sebagi publiser untuk memakai jenis iklan yang responsif jika kita tidak membutuhkanya dan jika tidak dapat mengubah kode iklanya,Walaupun responsif jika anda tidak bisa memngubahnya lebih baik pakai unit iklan yang standar saja.

Advertisement

#Berikut cara menganti unit iklan agar Responsif

1. Modifikasi Unit Iklan Responsif Dalam Bentuk Umum

Kita dapat memodifikasi iklan responsif dalam bentuk umum dengan menentukan ( Horizontal,Vertikan,Dan/Atau Kotak ) yang harus di sesuaikan dengan unit iklan yang kita buat,

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="horizontal"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Lihat gambar di bawah ini untuk panduan memodifikasinya :

2. Menentukan Lebar Unit Iklan Yang Dapat Di Perluas Dengan Ketinggian Tetap

Kita dapat menentukan iklan yang responsif dengan lebar iklan yang dapat di perluas dengan ketinggian tetap,Untuk memodifikasi unit iklan seperti ini kita dapat melalui " CSS " responsif.

Ket :Slot iklan yang memakai format "herizontal" itu artinya iklan yang akan tampil hanya semua iklan herizontal saja sesuai dengan lebar layar,Anda bisa juga mengantinya dengan ukuran lain seperti ukuran "Rectangle,Vertical,Horizontal" Atau 2 tipe sekaligus " Rectangle,Horizontal" Pisahkan dengan tanda "Koma" jika memasang 2 tipe slot.

<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Lihat gambar di bawah ini untuk panduan memodifikasinya :

3. Menentukan Ukuran Unit Iklan Yang Tepat Per Lebar Layar

Kebalikan dengan trik nomer dua,Jika panduan nomer ( 2 ) ukuran responsip secara keseluruhan sedangkan unit iklan responsif yang ke ( 3 ) ini sesuai dengan ukuran per lebar layar responsif.

Ket: Unit iklan responsif dengan css di bawah ini cocok untuk iklan di bagian HEADER blog/website karna berukuran panjang atau bisa juga di ganti dengan unit slot iklan yang berukuran persegi seperti 300 x 250 dan slot iklan yang lainya.

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:inline-block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Lihat gambar di bawah ini untuk panduan memodifikasinya :

4. Menyembunyikan Unit Iklan Pada Layar Tertentu

Pada pengaturan iklan ini kita dapat menyembunyikan unit iklan agar tidak tampil pada ukuran layar tertentu dengan css { Display : None; },Menyembunyikan iklan seperti ini hanya dapat di lakukan pada unit iklan responsif saya,Selain itu tidak di sarankan karna melangkar kebijakan google adsense.

Ket : Display : None seperti gambar di bawah,Itu artinya iklan tidak akan di tayangkan jika ukuran layar kurang dari 400 Piksel

<style type="text/css">
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Lihat gambar di bawah ini untuk memodifikasinya :

Dengan penerapan seperti ini,Unit iklan tidak di tampilkan jika ukuran layar kurang dari 400 piksel.

Walaupun kita mempunyai keleluasaan dalam membuat unit iklan yang responsif sebaiknya kita dapat menyesuaikan untui tersebut agar tidak melanggar kebijakan Penempatan Unit Iklan adsense Karna modifikasi hanya berbatas pada kode responsif saja.

Advertisement