Cara Memasang floating ads di blogger – mungkin dari kalian pernah mengunjungi suatu blog dan menemukan beberapa blog yang memasang iklan type floating ini, biasnya iklan ini berada di sisi kiri, kanan ataupun bawah sebuah blog. Sudah banyak yang menggunakan cara ini untuk meningkatkan jumlah klik pada blog mereka dan terbukti efektif.
Nah pada artikel ini saya akan membahasa dan membagikan tutorial cara memasang floating ads di blogger, silahkan disimak jangan di skip-skip biar paham. Tapi sebelum itu saya ingin menjelaskan terlebih dahulu pengertian, kelebihan dan kekurang floating ads.
Baca juga: Cara Menambahkan Tombol Share Di Blogspot!
Apa Itu Floating Ads?
Floating ads adalah jenis iklan yang muncul di bagian atas ataupun sisi halaman sebuah blog iklan jenis ini biasanya akan menghilang otomatis setelah jangka waktu tertentu ( 5-30 detik). Floating ads biasanya menyediakan fitur seperti tombol tutup.
Kelebihan dan Kekurangan Floating Ads
Sebelum kamu mulai memasang floating ads di blog alangkah baiknya jika mengetahui kelebihan dan kekurangan floating ads terlebih dahulu.
Kelebihan Floating Ads
Kita mulai dari kelebihan nya terlebih dahulu ya. Untuk kelebihannya sebagai berikut:
– Memungkinkan hasil klik yang diperoleh lebih banyak daripada iklan biasa: memberikan lebih banyak hasil daripada iklan biasa, karena kemungkinan diklik akan lebih besar disebabkan setiap iklan otomatis terbuka disetiap halaman blog yang dikunjungi.
– iklan akan selalu terlihat: karena menggunakan menu melayang dengan tombol close iklan akan slalu muncul dan terlihat oleh visitor di setiap halaman.
Kekurangan Floating Ads
– Tampilan Iklan Mengganggu: Tampilan iklan floating adsense sangatlah mengganggu bagi saya pribadi. Iklan jenis floating adsense memiliki tampilan yang mengambang atau melayang dengan tombol “close” diatasnya.
Tampilan iklan floating adsense yang mengganggu ini bisa menyebabkan penurunan page view karena tidak nyaman dan langsung keluar dari blog anda. Selain bisa menurunkan page view, iklan floating adsense juga bisa menambah tingkat bounce rate blog kita. Ini di karenakan terlalu cepatnya visitor di dalam blog anda.
– Rawan Banned: Memasang iklan floating adsense sebenarnya sangatlah rawan di banned adsense. Banyak sekali forum di grup blogger (facebook) membahas hal semacam floating ads. Sudah banyak penjelasan tentang bahwa akun dibanned oleh google adsense karena memasang iklan floating ads.
Baca juga: Cara Rooting Samsung Galaxy Tab!
Cara Memasang floating ads di blogger!
- Pertama-tama silahkan kalian pergi ke dashboard adsense kalian masing-masing lalu masuk ke iklan => menurut unit iklan => pilih iklan display
- Buat iklan display dengan ukuran 728×90
- Setelah berhasil login ke blog kalian masing, masuk ke menu TATA LETAK
- Buat gadget baru jenis HTML/JAVASCRYPT
- Pada kolom kedua tempel kode di bawah ini:
<b:if cond="data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "false" and not data:blog.searchQuery">
<div class="sticky-ad" id="sticky-ad">
<div class="sticky-ad-content">
KODE IKLAN DISINI
</div>
<button aria-label="Close this ad" class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none'"/>
</div>
<script>function stickyAd(){var e=document.getElementById("sticky-ad");300<window.pageYOffset&&(e.style.display="block",window.removeEventListener("scroll",stickyAd))}window.addEventListener("scroll",stickyAd);</script>
</b:if>
- Klik Save
- Lalu kalian masuk ke meni tema/theme => EDIT HTML
- Cari kode ]]></b:skin> lalu pastekan kode di bawah ini tepat di bawah kode ]]></b:skin>
.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:0;left:50%;width:728px;z-index:995;max-height:90px;background-image:none;background:rgba(255,255,255,.7);margin-bottom:0;padding-top:4px;display:none;margin-left:-368px}
.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='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:13px 13px;background-position:center;background:rgba(255,255,255,.7);background-repeat:no-repeat;border-radius:12px 12px 0 0;cursor:pointer}
- Jika tidak ingin menampilkan di perangkat seluler silahkan menambahkan kode kondisional cond=”data:blog.isMobileRequest == ‘false’” Pada bagian gadget yang telah dibuat, contohnya kek dibawah ini:
<b:widget cond="data:blog.isMobileRequest == 'false'" id="HTML1" locked="false" title="Floating Ads" type="HTML" visible="true">
- Lalu klik save
Sekian tutorial Cara Memasang floating ads di blogger supaya lebih aman kamu bisa membaca kebijakan google adsense mungkin cukup sampai disini artikel kali ini, semoga bermanfaat!
Tankz info gan