Cara Memasang Script Floating Ads (Iklan Melayang) Untuk Blogger

Newsartstory.com - Blogger: Cara Memasang Script Floating Ads (Iklan Melayang) Untuk Blogger. Para blogger pasti sudah tidak asing dengan floating ads atau iklan melayang. Untuk pemula mungkin yang butuh script iklan floating ads agak sedikit susah mencarinya. Kali ini, akan membahas cara menggunakan script floating ads pada blog khusus untuk pengguna blogger.

Baca juga: Cara Memasang Ikon Gambar Pada Blog

Pengertian Script Floating Ads

Floating ads (juga dikenal sebagai "overlay ads" atau "pop-up ads") adalah jenis iklan digital yang muncul di atas halaman web atau aplikasi dalam bentuk jendela pop-up atau overlay yang mengapit atau menutupi konten utama. Iklan ini seringkali memiliki tombol close (tutup) atau X untuk memungkinkan pengguna menutup iklan jika tidak tertarik. 

Floating ads biasanya muncul ketika pengguna membuka halaman web atau mengakses aplikasi, atau ketika pengguna berinteraksi dengan konten tertentu di halaman tersebut. Meskipun floating ads dapat membantu meningkatkan visibilitas iklan, namun sebagian orang menganggapnya mengganggu dan dapat mengganggu pengalaman pengguna.

Sejarah munculnya floating ads atau iklan melayang

Baca juga: Kumpulan Kode Script HTML Untuk Blog

Floating ads atau overlay ads dalam artinya iklan melayang, pertama kali diperkenalkan pada awal 2000-an ketika iklan online semakin populer. Pada saat itu, iklan banner masih merupakan bentuk iklan digital yang paling umum, tetapi beberapa pemasar mulai mencari cara baru untuk menarik perhatian pengguna dan meningkatkan efektivitas iklan mereka.

Floating ads awalnya dikembangkan oleh perusahaan iklan digital seperti PointRoll dan Eyeblaster. Mereka memanfaatkan teknologi JavaScript dan DHTML untuk membuat iklan muncul di atas halaman web atau aplikasi dalam bentuk pop-up atau overlay. Selama bertahun-tahun, teknologi dan format floating ads terus berkembang dan sekarang ada banyak platform iklan digital yang menawarkan jenis iklan ini.

Meskipun floating ads sering dianggap sebagai bentuk iklan yang kontroversial atau mengganggu, tetapi mereka tetap menjadi pilihan yang populer bagi pemasar yang ingin meningkatkan visibilitas dan efektivitas iklan mereka. Sekarang, floating ads menjadi salah satu bentuk iklan digital yang paling umum digunakan di berbagai industri dan sektor, dari e-commerce hingga media online.

Baca juga: Cara Pasang Fitur Dark Mode Pada Blog

Apa saja keuntungan memasang floating ads ?

Untuk keuntungan ada banyak, selain memperindah blog. Ada beberapa keuntungan dari memasang floating ads, antara lain:
  • Meningkatkan visibilitas iklan: Dengan muncul di atas konten utama, floating ads dapat membantu iklan mendapatkan perhatian yang lebih besar dari pengguna. Hal ini dapat meningkatkan kemungkinan bahwa pengguna akan melihat dan mengklik iklan.
  • Meningkatkan konversi: Floating ads yang menampilkan tawaran promosi atau diskon dapat membantu meningkatkan konversi dan penjualan. Dengan menempatkan floating ads yang tepat pada waktu yang tepat, iklan dapat membantu mendorong pengguna untuk mengambil tindakan yang diinginkan.
  • Lebih mudah untuk menargetkan audiens: Floating ads dapat dibuat dengan berbagai macam format dan dapat ditempatkan pada lokasi yang tepat di halaman web atau aplikasi. Hal ini memungkinkan pemasang iklan untuk menargetkan audiens yang tepat dan memastikan bahwa iklan mereka muncul di tempat yang paling efektif.
Baca juga: Dunia Blogger: Mengenal Apa itu Artikel Spinner ?

Namun, penting untuk diingat bahwa pengguna juga dapat menganggap floating ads sebagai gangguan atau mengganggu pengalaman mereka di situs atau aplikasi. Oleh karena itu, penting untuk menggunakan floating ads dengan hati-hati dan memastikan bahwa mereka ditargetkan dengan tepat dan ditempatkan dengan cara yang tidak mengganggu pengalaman pengguna.

Lantas apa kekurangan pasang floating ads ?

Ada beberapa kekurangan atau risiko yang perlu dipertimbangkan sebelum memasang floating ads, antara lain:
  • Gangguan pengalaman pengguna: Beberapa pengguna mungkin menganggap floating ads mengganggu dan dapat mengganggu pengalaman mereka di situs web atau aplikasi. Hal ini dapat membuat pengguna tidak senang dan mengurangi kepuasan mereka dengan situs atau aplikasi Anda.
  • Pemblokiran oleh perangkat lunak pemblokir iklan: Beberapa pengguna mungkin menggunakan perangkat lunak pemblokir iklan yang dapat menghalangi floating ads dari muncul di halaman web atau aplikasi mereka. Hal ini dapat membuat iklan Anda tidak efektif dan tidak mencapai target audiens yang diinginkan.
Baca juga: Apa Itu Meta Tag ? Inilah Jenis Dan Fungsinya Meta Tag
  • Biaya: Floating ads dapat memerlukan biaya tambahan untuk dibuat dan ditempatkan di halaman web atau aplikasi. Hal ini dapat menjadi mahal tergantung pada jenis iklan dan ukuran kampanye iklan yang diinginkan.
  • Potensi penurunan reputasi: Jika floating ads terlalu sering muncul atau tidak relevan dengan konten situs atau aplikasi, pengguna mungkin menganggapnya sebagai spam atau mencolok. Hal ini dapat menyebabkan penurunan reputasi dan memengaruhi citra merek Anda.
Oleh karena itu, sebelum memasang floating ads, penting untuk mempertimbangkan keuntungan dan risiko yang terkait serta memastikan bahwa iklan Anda disesuaikan dengan target audiens yang tepat dan ditempatkan dengan hati-hati.

Baca juga: Inilah Script Blog Pilihan

Cara Pemasangan Script Floating Ads (Iklan Melayang)

<style>.sticky-ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;position:fixed;text-align:center;bottom:-104px;left:0;width:100%;z-index:999;max-height:104px;background-image:none;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin-bottom:0;padding-top:4px;transition:all .4s ease-in-out}.sticky-ad-close-button{position:absolute;width:28px;height:28px;top:-28px;right:0;background-image:url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:13px 13px;background-position:9px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:none;border-radius:12px 0 0 0;cursor:pointer}.sticky-ad-close-button:before{position:absolute;content:"";top:-20px;right:0;left:-20px;bottom:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus{outline:0}</style> <div class="sticky-ad" id="sticky-ad">
<!--Kode iklan mulai dari sini-->
MASUKKAN KODE IKLAN DISINI
<!--Kode iklan sampai sini--> <button aria-label="Close this ad" class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none';"></button> </div> <script>window.addEventListener("scroll",function(){var t=document.getElementById("sticky-ad");window.pageYOffset>300(t.style.bottom="0")},!1);</script>
  1. Salin dan tempelkan kode javascript, Pilih Tema
  2. Setelah copy-paste, pergi ke bagian Edit HTML lalu pergi ke bagian <head>
  3. Letakkan dibawah <head>, ganti bagian MASUKKAN KODE IKLAN DISINI dengan kode iklan kalian (kode iklan display adsense bisa kalian letakkan, asalkan dengan format Horizontal)
  4. Setelah copy + paste kode iklan kalian ke bagian MASUKAN KODE IKLAN DISINI tersebut
  5. Sebelum menyimpan, alangkah baiknya lakukan preview/pratinjau. Apabila kode berhasil tanpa error, kalian pilih SIMPAN
  6. Selamat Mencoba
Dapatkan informasi berita pilihan dari Newsartstory.com di platform Google News secara gratis