Cara Pasang iklan Adsense Billboard Responsive

Cara Pasang iklan Adsense Billboard Responsive - Billboard Adsense merupakan unit iklan adsense dengan ukuran cukup besar yaitu lebar maksimal 1000px minimal 970 px dan tingi maksimal 300px minimal 250 px karna ukurannya cukup mencolok tentunya iklan ini bisa langsung mencuri perhatian pengunjung agar tertarik dengan iklan yang tersedia.

Namun agar lebih sesuai dengan tampilan Responsive sebuah blog maka perlu penambahan css agar iklan dapat menyesuaikan dengan ukuran lebar device visitor dan akan menampilkan menampilkan iklan lebih kecil jika visitor berkunjung menggunakan smartphone atau tab.

Kalian bisa coba memasang iklan jenis ini di blog maupun wordpress yang kalian kelola karena menurut saya iklan jenis billboard ini berprluang sangat baik meningkatkan persentase CTR blog adsense kalian.

Apalagi jika template blog kalian berjenis full width(template ukuran penuh) sangat cocok dan sesuai untuk dipasang iklan adsense billboard ini.

Screenshot iklan Adsense Billboard

Berikut css responsive iklan billboard

.billboard {display:block; max-width:1000px; min-width:970px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:0px auto; padding:0px}
@media screen and (max-width:969px){.billboard {min-width:728px; min-height:90px}}
@media screen and (max-width:727px){.billboard {min-width:336px; min-height:280px}}
@media screen and (max-width:335px){.billboard {min-width:300px; min-height:250px}}
@media screen and (max-width:299px){.billboard {min-width:250px}}
@media screen and (max-width:249px){.billboard {min-width:200px; min-height:200px}}

Agar iklan menjadi responsive kalian juga harus menggunakan unit iklan adsense yang responsive.

Namuan perlu sedikit perubahan style iklan agar iklan billboard dapat muncul.

Seperti ini contoh iklan responsive.

<ins class="adsbygoogle"
style="display:block"
data-ad-client="xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

kemudian hapus data-ad-format="auto" dan tambahkan class billboard agar iklannya tampil menjadi seperti dibawah.

<ins class="adsbygoogle billboard"
style="display:block"
data-ad-client="xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Terakhir tinggal kalian save dan lihat hasilnya. agar iklan billboard besar ini sesuai gunakan thema yang besar untuk blog kalian dan memiliki width lebih bear dari 1000px.

Next Post Previous Post
No Comment
Add Comment
comment url