JavaScript: Apa Itu Anchor Iklan? Inilah Script Anchor Iklan Untuk Blogger

Foto: Pasang Anchor Iklan untuk Blogger

Newsartstory.com - JavaScript: Apa Itu Anchor Iklan? Inilah Script Anchor Iklan Untuk Blogger. Di era digital saat ini, banyak blogger yang memanfaatkan iklan untuk meningkatkan pendapatan mereka. Salah satu metode yang efektif adalah menggunakan anchor iklan. 

Bukan hanya menampilkan foto/gambar pada anchor iklan tetapi juga sebagai sarana mempromosikan suatu produk. Lantas apa itu anchor iklan? Bagimana cara terapkan anchor iklan dengan tombol X untuk blogger? Simak ulasannya sebagai berikut:

Apa itu Anchor Iklan?

Anchor iklan adalah jenis iklan yang tetap terpasang di bagian tertentu dalam halaman web, biasanya di sisi kanan atau bawah layar. Iklan ini bergerak mengikuti scroll pengguna, sehingga tetap terlihat meskipun pengunjung menggulir halaman. Tujuannya adalah untuk meningkatkan visibilitas iklan, potensi klik dan sarana promosi produk ataupun untuk iklan google Adsense.

Bahkan anchor iklan ini bisa dimodif dengan menggunakan Tag Kondisional. Dengan tag Kondisional pengguna bisa memilih ingin menampilkan iklan dimana saja, misal di postingan saja, di halaman statik atau di halaman utama saja. Bebas untuk memilih mau ditampilkan dibagian mana, asal kalian sudah paham dengan tag kondisional. 

Manfaat Anchor Iklan

1. Tingkat Visibilitas yang Tinggi

Karena posisi iklan yang selalu terlihat, anchor iklan memiliki peluang lebih besar untuk dilihat oleh pengunjung, meningkatkan kemungkinan klik.

2. Pengalaman Pengguna yang Lebih Baik

Anchor iklan yang dirancang dengan baik tidak mengganggu konten utama dan dapat berfungsi sebagai pengingat visual bagi pengguna.

3. Potensi Pendapatan yang Lebih Tinggi 
Dengan tingkat klik yang lebih tinggi, anchor iklan dapat membantu meningkatkan pendapatan iklan.

4. Dapat Disesuaikan
Pengguna dapat menyesuaikan ukuran, warna, dan desain iklan agar sesuai dengan tema blog, sehingga tetap harmonis dengan tampilan keseluruhan.

Tips Menerapkan Anchor Iklan

1. Pilih Platform Iklan
Banyak platform iklan yang beredar, bisa menggunakan platform iklan seperti Google AdSense, Mediavine, atau AdThrive. Pastikan platform tersebut mendukung penggunaan anchor iklan.

2. Tentukan Lokasi Anchor Iklan
Pilih tempat yang strategis untuk menempatkan anchor iklan. Lokasi yang umum adalah di sisi kanan atau bawah layar. Pastikan iklan tidak mengganggu konten utama.

3. Desain Iklan
Desain iklan harus menarik dan relevan dengan konten blog. Gunakan warna dan font yang sesuai untuk menarik perhatian tanpa mengganggu pengalaman membaca.

4. Uji Coba  

Lakukan uji coba untuk melihat seberapa efektif anchor iklan yang dipasang. Anda bisa menggunakan alat analitik untuk melacak kinerja iklan.

Tips Memaksimalkan Anchor Iklan

1. Gunakan CTA yang Menarik
Sertakan ajakan bertindak (CTA) yang jelas dan menarik untuk meningkatkan tingkat klik.

2. Sesuaikan dengan Konten
Pastikan iklan relevan dengan konten yang ditawarkan. Iklan yang relevan cenderung mendapatkan lebih banyak perhatian.

3. Perhatikan Ukuran Iklan  
Pilih ukuran iklan yang tidak terlalu besar sehingga mengganggu pengalaman pengguna, tetapi cukup besar untuk menarik perhatian.

4. Monitor Kinerja
Secara rutin tinjau kinerja iklan. Jika iklan tidak memberikan hasil yang diharapkan, pertimbangkan untuk menggantinya dengan yang lain.

Tutorial Memasang Anchor Iklan dengan Tombol X untuk Blogger

1.Letakkan CSS Style ini diatas </header>, gunakan (CTRL +F) untuk mencarinya:

CSS Style

<style> /*<![CDATA[*/ .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: 100%; background-image: none; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 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, 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>
     

2. Setelah itu letakkan Anchor kode Iklan ini diatas </body>, gunakan (CTRL +F) untuk mencarinya:

Anchor Kode Iklan

<div class='sticky-ad' id='sticky-ad'> <!-- letakkan kode iklan anda disini --> <button aria-label='Close this ad' class='sticky-ad-close-button' onclick='document.getElementById('sticky-ad').style.display='none';'/> <script> //<![CDATA[ window.addEventListener("scroll",function(){ var target = document.getElementById('sticky-ad'); if(window.pageYOffset > 300){ target.style.bottom = "0"; } },false); //]]> </script>

Note: Sebelum menyimpannya, lebih baik lakukan preview terlebih dahulu untuk melihat hasilnya.

Bagaimana sudah paham? Sudah mencobanya dan sudah lihat hasilnya? Anchor iklan ini akan muncul dibawah dengan tombol X yang dapat digunakan untuk menutup iklan atau lainnya. Biasanya untuk ukurannya yakni 728 x 90 piksel, kalian dapat mengubahnya dengan sesuka hati, tetapi untuk blogger yang sudah memiliki iklan Adsense lebih baik pasang kode iklan dengen format iklan otomatis. 

Anchor iklan dapat menjadi alat yang cukup efektif untuk meningkatkan pendapatan blog. Dengan strategi yang tepat dan perhatian terhadap desain, kalian dapat memanfaatkan anchor iklan untuk meningkatkan visibilitas dan interaksi dengan pengunjung. 

Selalu ingat untuk memantau kinerja iklan dan melakukan penyesuaian yang diperlukan agar tetap relevan dan efektif. Selamat mencoba! Sekian dan terima kasih.

Dapatkan informasi berita pilihan dari Newsartstory.com di platform Google News secara gratis

Baca Juga