Cara Membuat Iklan Melayang (Floating Ads) Responsive Aman di Blog Tombol Close
- Sesuai judul diatas, kali ini saya akan membagikan tutorial cara memasang / membuat iklan melayang di bawah blog dengan tombol close dan iklan tampil responsive tentunya.
Membuat space iklan baik iklan banner dan text di bawah postingan atau dengan efek floating biasanya diterapkan pada blog yang sudah terkenal yang banyak menyediakan space iklan.
Penggunaan posisi iklan semacam ini tentu saja untuk menghasilkan dan mencari keuntungan dari blog tersebut.
– Mendapatkan penghasilan dari blog merupakan suatu bentuk keberhasilan blog tersebut. Artinya blog yang kita kelola dapat menjadi sumber tambahan penghasilan pemiliknya. Penghasilan yang diterima umumnya berasal dari iklan yang tayang di blog tesebut. Iklan yang cukup terkenal yaitu Google Adsense, Media Net, Infolink, dan lain-lain. Umumnya penyedia iklan tersebut memayar publisher nya berdasarkan jumlah klik iklan yang didapat. Jadi semakin banyak klik yang didapat maka semakin besar pula penghasilan yang didapatkan.
Akan tetapi, dalam kenyataannya ada masalah yang dihadapi oleh para publisher iklan, yaitu dengan minimnya jumlah klik iklan yang didapatkan. Banyak sekali faktor yang memperngaruhi klik yang didapatkan, diantaranya jenis iklan, ukuran iklan, dan penempatan iklan. Terkadang walau sudah melakukan optimasi iklan, tapi jumlah klik iklan yang didapat masih belum bertambah banyak. Lalu bagaimana cara mengetasinya? Salah satu caranya dengan menggunakan iklan melayang atau floating ads paling responsive, aman, otomatis meningkatan penghasilan.
Cara Memasang Iklan Melayang (Floating Ads) Responsive Paling Aman di Blog
Solusi untuk masalah jumlah klik yang sedikit adalah dengan menggunakan iklan melayang. Iklan melayang adalah iklan yang akan muncul (pop up) dihalaman sebuah blog. Sehingga perhatian pengunjung akan langsung kesana dan kemungkinan klik akan menjadi lebih besar. Lalu bagaimana cara membuat iklan melayang (Floating Ads) Responsive di Blog? Caranya cukup mudah kok, langsung saja bro:
1. Pertama masuk ke dashboard blogger
2. Masuk ke tema, kemudian klik Edit HTML
3. Setelah itu cari kode </body> dengan menekan tombol Ctrl + F. Setelah ketemu, letakkan kode ini tepat diatas kode </body>
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmwL97aHDwibNjkipp0TF9nDO0vJLAprMetlqNc47urATSZXbdvGkg7WeghjY-Zs5yIlFD3VWvEYT1ieeSAKds6Vydq9edX2CqqfCa33xz2w6PhhJOcNq-UoIcbsGdpObstg6KQmN_pWg/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
Pasang iklan disini
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
Atau dibawah ini:
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmwL97aHDwibNjkipp0TF9nDO0vJLAprMetlqNc47urATSZXbdvGkg7WeghjY-Zs5yIlFD3VWvEYT1ieeSAKds6Vydq9edX2CqqfCa33xz2w6PhhJOcNq-UoIcbsGdpObstg6KQmN_pWg/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
TARUH KODE IKLAN ANDA DISINI
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
4. Setelah itu klik simpan template.
Cara mengedit iklan melayang
Untuk mengatur lebar iklan, silahkan edit kode yang berwarna biru, jika ingin mengubah lebar iklan menjadi lebih dari 728px maka harus maka angka 728px harus diganti sesuai dengan lebar iklan yang diinginkan. Akan tetapi jika ingin mengganti tetapi lebarnya lebih kecil dari 728px, maka angka 728px tidak perlu diganti.
Untuk mengganti iklannya, silahkan ganti kode yang berwarna merah dengan kodde iklan anda.
Yak, kira-kira seperti itulah cara untuk membuat iklan melayang atau floating ads dengan tombol close di blogger. Dengan menggunakan iklan melayang, biasanya klik yang anda dapatkan akan lebih besar dari biasanya. Hal yang perlu diperhatikan ketika memasang iklan melayang adalah jangan sampai iklan tersebut menutupi artikel anda.
Jika anda tertarik dengan tutorial mengenai google adsense lainnya, jangan lupa untuk membaca artikel saya yang berjudul Cara Membuat Iklan Melayang (Floating Ads) Responsive Paling Aman di Blog Tombol Close
Apakah Floating Ads Aman?
Tidak perlu khawatir, sebenarnya iklan AdSense jenis floating ini tidak berbahaya. Namun, ada beberapa hal yang perlu diperhatikan agar tidak melanggar kebijakan AdSense dan juga agar tidak mengganggu pengalaman pengguna. Misalnya, pastikan iklan melayang yang kamu pasang memiliki jarak yang cukup dengan konten utama sehingga tidak menghalangi pengguna saat membaca artikel.
Selain itu, pastikan iklan tidak memakan waktu loading yang lama dan tidak menampilkan terlalu banyak materi yang dapat membuat pengguna tidak nyaman. Jika kamu memasang iklan melayang sesuai dengan ketentuan yang berlaku, maka tidak ada risiko yang signifikan. Namun, pastikan untuk selalu mematuhi kebijakan AdSense agar akunmu tetap aman dan terhindar dari pemblokiran.
Akhir Kata
Nah, itulah beberapa tips untuk membuat iklan melayang (floating ads) di bawah blog dengan tombol close. Ingat, meskipun iklan bisa menjadi sumber penghasilan, tapi jangan sampai iklan tersebut malah membuat pengunjung enggak betah dan meninggalkan blog kamu. Oleh karena itu, kamu harus pandai-pandai dalam memilih posisi dan ukuran iklan agar tidak terlalu mengganggu pengunjung.
Semoga tips ini bermanfaat bagi kamu dan blog kamu ya, teman-teman. Jangan lupa untuk terus belajar dan mengembangkan blog kamu agar semakin sukses dan dapat memberikan manfaat bagi banyak orang. Sampai jumpa di artikel-artikel selanjutnya!
Semoga artikel saya kali ini bermanfaat bagi anda. Terima kasih telah berkunjung di blog kami . Salam selamat mencoba.