Mikaylabinar.com– Pada saat membuka sebuah situs akan nampak iklan tetap yang berada di posisi kiri dan sisi kanan diluar konten website, itulah yang dinamakan iklan melayang. Iklan tersebut akan selalu tampak walaupun content situs di skrol ke bawah.
Plugins Iklan Melayang
Sebuah website kadang memiliki space kosong di sisi kiri dan sisi kanan diluar bagian content, space kosong tersebut bisa dimanfaatkan untuk menayangkan iklan yang tidak mengganggu kenyamanan pembaca.
Table of Contents
Cara yang paling mudah untuk menayangkan iklan melayang pada sisi kiri dan sisi kanan website dengan memanfaatkan plugins DevVn Float Left Right Ads, yang bisa anda dapatkan dan menginstallnya dari menu plugins.
Setelah di install dan diaktifkan plugin tersebut, kemudian atur pada setting yang terletak pada menu Dashboard, sebagai berikut:
- Pada Dashboard pilih menu Settings, kemudian klik Float Left Right Ads
- Centang semua pada Show on untuk menampilkan iklan pada postingan maupun halaman homepage
- Pada Margin Left dan Margin Right sesuaikan angkanya dengan lebar content website anda, misalnya beri angka masing-masing 60, kemudian lihat hasilnya di website anda. Jika dilihat batas iklannya terlalu mepet dengan content website anda maka perbesar angkanya misalnya menjadi 70, yang penting tidak menutupi isi website agar tidak menyalahi aturan TOS dari adsense
- Pada HTML Left Code dan HTML right Code masukkan kode skrip adsense anda. Ini berfungsi untuk menampilkan iklan adsense pada sisi kiri dan sisi kanan website secara otomatis dan melayang ( float )
- Pada skrip code adsense, ganti style=”display:block” menjadi style=”display:inline-block;width:150px;height:650px”. Sesuaikan tinggi dan panjang iklan yang anda inginkan dengan Banner Left dan Banner Right pada Setting Float Left Right Ads.
- Kemudian, Save Changes
Setting Scripts
Contoh :
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Ads –>
<ins class=”adsbygoogle”
style=”display:block” /* ganti yang ini */
data-ad-client=”ca-pub-8xxxxxxxxxxxxxxx”
data-ad-slot=”62xxxxxxxx”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ganti menjadi:
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Ads –>
<ins class=”adsbygoogle”
style=” display:inline-block;width:150px;height:600px” /* ganti dengan ini */
data-ad-client=”ca-pub-8xxxxxxxxxxxxxxx”
data-ad-slot=”62xxxxxxxx”
data-ad-format=”auto”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Iklan akan tampil di sisi kiri dan sisi kanan secara tetap dan melayang, selain untuk memanfaatkan ruang kosong pada website dalam menampilkan iklan juga untuk menjadikan tampilan website terkesan professional, lebih hidup dan menarik bagi pengunjung website.
Pastikan iklan yang ditampilkan tidak menutup kontent berita dari website yang menggangu pembaca dan melanggar aturan adsense
bang kode nya apa biar iklannya muncul di kiri kyk abang
tinggal aktifkan plugin DevVn Float Left Right Ads, kemudian pada menu setting di plugin tersebut masukkan kode adsensemu.
copy paste kode adsense diatas dan masukkan ke HTML Left Code jika ingin menampilkan iklan disisi kiri atau HTML Right Code untuk menampilkan iklan disisi kanan.
data-ad-client dan data-ad-slot sesuaikan dengan kode adsense punyamu
cara membuat iklan melayang posisi atas gimana gan?
tinggal aktifkan plugin DevVn Float Left Right Ads, kemudian pada menu setting di plugin tersebut masukkan kode adsensemu. Sedangkan, untuk pengaturan melayangnya cari di dashboard pada menu Setting-> Float Left Right Ads
untuk yang melayang disisi atas biasanya tergantung pada thema yang kamu pake. biasanya dibagian header untuk menyisipkan kode nya. atau setting global aja pada adsense nanti iklan itu sendiri yg akan cari posisi.
lebar iklannya sesuaikan. bisa seperti ini: style=”display:inline-block;width:120px;height:600px”