Pasang Banner Iklan Melayang dengan Tombol Close

Iklan adalah salah satu alat paling ampuh yang dapat meningkatkan penjualan dan kunjungan ke situs, sekaligus memperkenalkan pengunjung pada produk melalui pemasaran digital. Iklan mengambang atau melayang di bagian bawah, iklan yang muncul tetap di bagian bawah layar adalah salah satu jenis iklan paling populer yang digunakan di kalangan blogger dan pemilik situs web. Iklan ini akan selalu berada di bawah halaman, sehingga membuat pengunjung memperhatikannya tanpa terlalu mengganggu konten.

Kemudian, iklan mengambang biasanya dilengkapi dengan tombol tutup atau juga disebut close (tutup) karena untuk menjaga pengalaman pengguna tetap nyaman. Paket promosi ini juga memberi pengunjung kemampuan untuk menutup iklan kapan pun mereka mau. Selain membuat situs web terlihat lebih profesional, tombol tutup juga dapat membantu mengurangi masalah bounce rate yang disebabkan oleh iklan yang terlalu mengganggu.

Keuntungan Menggunakan Floating Ads

Ada beberapa keunggulan iklan melayang di bagian bawah dibandingkan banner tradisional. Pertama, posisi iklan harus selalu terlihat saat pengunjung sedang menggulir halaman. Artinya, akan ada lebih banyak klik dibandingkan iklan yang statis.

Kedua, format iklannya sendiri dapat disesuaikan dan bisa bervariasi berdasarkan perangkat desktop atau seluler. Di sinilah Anda dapat menyisipkan banner promosi, kode Google AdSense, pemasaran afiliasi, atau promosi mandiri untuk produk Anda.

Selanjutnya, ada tombol tutup yang memungkinkan pengunjung menyingkirkan iklan tersebut sendiri. Hal ini membuat situs web tetap mudah diakses, tidak terlihat sebagai spam oleh penggunanya.

Cara Memasang Floating Ads di Bagian Bawah

Hal ini dilakukan secara sederhana dengan menggabungkan html, css, dan javascript untuk memposisikan iklan melayang di bagian bawah dengan tombol tutup. Bergantung pada jenis strukturnya.

Ini akan menampilkan banner iklan di bagian bawah situs web dengan tombol tutup (×) di bagian tengah atas. Iklan akan menutup secara otomatis setelah tombol (x) ditekan.

Berikut Cara Pasang Banner Iklan di bagian Bawah dengan Tombol Close

Pertama

Login ke akun blogger anda pilih theme

Klik customize kemudian pilih edit html

Cari kode </body> dibagian paling bawah

Gunakan CTRL + F di keyboard agar lebih cepat

Kedua

Simpan kode script di bawah dan ganti dengan url banner anda

Copy code tadi persis diatas kode </body>

Save template atau preview sejenak untuk checking tidak ada error

Ketiga

Silahkan referesh halam blog dan lihat perubahannya

Tombol close bisa di tutup kapan saja

Ideal untuk banner dengan ukuran 728x90

Hasil floating banner bisa cek di blog ini

Code script 

HTML Code

<script type='text/javascript'>

        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).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(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlgc9g3DhgahJSFdB8NzF6gIiOK-yCHtYRMhWAkB30IOPsrkq634agJCR8KxYJng_UMEkE2j5LGwKKaz4BmY7k8blP0Oh8rT2Tf60rJzWZFAwRQHJ-Z4DImuHclkdKsrSC7V8mHh45eA/s1600/btn_close.gif' title='close button'/></a></div>

    <div style='text-align:center;display:block;max-width:720px;height:auto;overflow:hidden;margin:auto'>

        <!--Awal Script iklan-->

Letakkan Kode Banner Iklan di Sini

<!--Akhir script iklan-->

        </div>

 </div><!--end: floting Ads-->

Hasil floating banner dengan tombol close menggunakan script di atas seperti lampiran gambar ini. Silahkan coba sendiri pada masing-masing website anda untuk menarik pengunjung mengklik iklan.

Cara Meningkatkan Iklan Anda

Gunakan desain banner yang menarik perhatian, tetapi tidak terlalu besar, untuk meningkatkan hasil dari penempatan. Pilih warna yang sesuai dengan tema keseluruhan situs web agar tampilannya tetap rapi dan formal.

Juga, pastikan ukuran iklan Anda responsif untuk seluler. Namun, tata letak yang ramah seluler benar-benar penting karena saat ini banyak pengunjung situs web menggunakan smartphone.

Anda juga diingatkan untuk tidak menaruh terlalu banyak iklan mengambang dalam satu halaman. Lebih sedikit iklan membuat situs web terasa lebih ringan dan semua pengunjung menjadi lebih nyaman.

Memasang banner di bagian bawah yang mencakup tombol tutup adalah salah satu strategi yang sangat sederhana untuk meningkatkan visibilitas upaya promosi Anda? Dengan desain yang sesuai (itu hanya tombol yang dapat diklik di teangah banner) dan penggunaan tombol tutup yang efisien, iklan Anda tidak mengganggu pengalaman pengguna.

Ini bisa menjadi tempat Anda untuk meningkatkan klik iklan, penjualan produk, dan menghasilkan uang monetisasi situs web jika Anda seorang blogger yang menjalankan bisnis online.

Terimakasih untuk sobat blogger felovena yang sudah share code script nya sehingga bisa saya gunakan di blog ini.