Cara Membuat Iklan Melayang Google Ads Di Bloggers Dengan Javascript

 Cara Membuat Iklan Melayang Serupa Google AdSense  ( Floating AdSense ) Di Blogspot / Blogger  Menggunakan Html Javascript - hallo sobat OkayimDotCom, pada kesempatan kali ini saya mau berbagi tutorial yang sudah saya pelajari tentang Cara Membuat Iklan Melayang Floating AdSense Di Blogger.

Floating Ads, atau Iklan Mengambang, di Blogger adalah sebuah format iklan yang mengikuti pergerakan scroll halaman. Artinya, iklan ini akan tetap terlihat di layar pengguna meskipun mereka sedang menggulir ke atas atau ke bawah halaman.

Floating Ads dianggap efektif untuk menarik perhatian pengguna dan meningkatkan peluang konversi. Hal ini karena iklan ini selalu berada di dalam jangkauan mata pengguna, sehingga lebih mudah dilihat dan diingat.

Beberapa kelebihan Floating Ads di Blogger:

Meningkatkan visibilitas iklan: Iklan selalu terlihat di layar, sehingga lebih mudah dilihat dan diingat pengguna.

Meningkatkan rasio klik-tayang (CTR): Iklan yang lebih menonjol lebih cenderung menarik perhatian pengguna dan mendorong mereka untuk mengklik.

Meningkatkan konversi: CTR yang lebih tinggi dapat mengarah pada lebih banyak konversi, seperti penjualan atau pendaftaran.

Lebih fleksibel: Floating Ads dapat ditempatkan di berbagai lokasi di halaman, seperti di sisi kiri, kanan, atas, atau bawah.

Dapat disesuaikan: Ukuran, warna, dan transparansi Floating Ads dapat disesuaikan dengan tampilan blog Anda.

Namun, Floating Ads juga memiliki beberapa kekurangan:

Dapat mengganggu pengalaman pengguna: Jika iklan terlalu besar atau mencolok, iklan ini dapat mengganggu pengalaman pengguna dan membuat mereka frustrasi.

Mungkin tidak cocok untuk semua jenis iklan: Floating Ads mungkin tidak cocok untuk semua jenis iklan, seperti iklan teks atau iklan banner yang kecil.

Membutuhkan pengaturan tambahan: Memasang Floating Ads memerlukan pengaturan tambahan di template blog Anda.

Secara keseluruhan, Floating Ads di Blogger adalah alat yang efektif untuk meningkatkan visibilitas iklan dan mendorong konversi. Namun, penting untuk menggunakannya dengan hati-hati agar tidak mengganggu pengalaman pengguna.

Berikut beberapa tips untuk menggunakan Floating Ads di Blogger secara efektif:

Gunakan iklan yang menarik: Gunakan gambar atau video yang menarik perhatian pengguna.

Pilih ukuran iklan yang tepat: Pastikan iklan tidak terlalu besar atau terlalu kecil.

Tempatkan iklan di lokasi yang strategis: Tempatkan iklan di lokasi yang paling terlihat, tetapi tidak mengganggu konten.

Gunakan warna yang kontras: Gunakan warna yang kontras dengan warna latar belakang blog Anda.

Berikan ruang putih yang cukup: Berikan ruang putih yang cukup di sekitar iklan agar tidak terlihat terlalu ramai.

Pantau performa iklan: Pantau performa iklan Anda dan lakukan penyesuaian yang diperlukan.

Cara Membuat Iklan Melayang Floating AdSense Dengan Html Javascript 

Masuk ke edit html tema Blogger >> silahkan cari code </body> >> lalu taruh kode dibawah ini tepat di atasnya.

<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/AVvXsEgjnc4_Frjw90RNkkskjsWGKdC3kf3N7qwNblmgczJBVo6ChBnVaUrQVDeAItHF5lkV5VJzUE2tJc7O73PN9ru9yTPB8mmnbCsCEG1d4A-8bqrmemFmq2xjB4mYyOIE6Nvmj_8ulfU7Pm4/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-->
<a href='http://okayim.com' title='Pasang Iklan Melayang Disini'><img style='max-width:100%;height:auto' alt='Pasang Iklan Disini' src='https://s19.postimg.org/fj338k3tf/728x90.gif'/></a>
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Jangan lupa ganti code yang saya warnai dengan code iklan yang ingin anda tampilkan secara melayang di bawah blogger.

Kemudian langsing save template blogger anda. Dan anda bisa melihat hasilnya.

Bang Apa Gak Ada Cara Yang Lebih Mudah Tanpa Edit Html Template Blogspot ?

Ada solv, kamu bisa memasangnya di widget html javascript tata letak blogger kamu. Disini gak perlu saya jelaskan ya caranya saya anggap sobat udah faham.

Baiklah solv sekian dulu artikel kali ini tentang Cara Membuat Iklan Melayang Floating AdSense Di Bawah Blogger Dengan Tombol Close Mirip Bawaan Google Adsense. Semoga artikel kali ini bermanfaat ya solv.