Cara Membuat Iklan AdSense Sticky Tampil di Browser Dekstop
Memiliki Blog yang sudah Aproved Publisher Iklan Google AdSense adalah hal yang menyenangkan, dimana harapan mendapatkan pendapatan dari pengelolaan blog sudah di depan mata melalui iklan-iklan Google AdSense yang terpasang pada sebuah blog. Teknik pemasangan iklan pun sangat bervariasi, dan sebagai pemilik blog Anda harus pintar dalam meletakkan posisi iklan yang tepat sehingga dapat meningkatkan penghasilan AdSense.
Salah satu type iklan yang jarang diterapkan oleh Blogger Pemula adalah iklan Sticky, dimana tidak semua themplate memiliki fitur penempatan tata letak Ads Sticky, dan rata-rata template yang sudah menggunakan fitur ads sticky adalah template premium berbayar terutama versi template AMP.
Bagi Anda blogger pemula yang mungkin belum menggunakan template premium dan kebetulan template yang sedang anda gunakan juga belum memiliki fitur penempatan Iklan AdSense Sticky apabila ingin mencoba menerapkannya silahkan ikuti tutorial penempatan iklan AdSense Sticky suport tampilan Browser Dekstop yang akan admin bahas pada kesempatan ini.
Apa itu Iklan Sticky? Sticky Ads atau iklan memikat adalah iklan yang dipasang pada posisi tertentu pada tata letak tema blog dan sifatnya tetap tidak berpindah-pindah tempat dengan tampilan melekat atau melayang pada umumnya dipasang di area bawah halaman blog seperti gambar berikut ini:
Iklan Sticky otomatis tentu tidak akan muncul pada halaman browser dekstop windows, karena pada dasarnya iklan ini khusus ditampilkan untuk pengguna smartphone android layaknya iklan otomatis namun memiliki tombol close yang muncul diarea bawah tampilan browser android. Untuk itu agar iklan Sticky dapat tampil di jendela browser dekstop perlu dilakukan penerapan secara manual dengan penambahan kode ads Sticky pada kode HTML Tema.
Pada dasarnya Google melarang penggunaan iklan jenis Sticky karena type iklan melayang lebih cenderung menggunggu pengunjung dalam mengakses keseluruhan konten blog, memungkinan pengunjung secara tidak sengaja klick iklan berulang kali sehingga beresiko invalid trafik.
Namun jika pemasangannya pada posisi yang tepat, tentunya jenis iklan ini membuka peluang untuk menambah pendapatan, dengan catatan penempatannya tidak menggagung/menghalang-halangi pengunjung mengakses keseluruhan konten blog dan ukurannya juga tidak terlalu besar.
Bagaimana apakah anda tertarik untuk mencoba menerapkan pemasangan iklan Sticky pada blog kesayangan? berikut ini prosedur penerapannya:
Buka halaman Dasboard Blogger Anda, kemudian pilih blog yang akan dipasang iklan Sticky, masuk ke menu TEMA kemudian pilih EDIT HTML. Copy dan pastekan kode berikut ini di area yang berdekatan dengan kode </BODY> Download Source Code Iklan Sticky
Lakukan ujicoba penempatan apabila kurang pas peletakan kodenya, silahkan Anda coba lokasi lain para area kode yang tidak jauh dari </BODY>.
Setelah itu agar iklan dapat tampil ganti kode Id Publikasi Iklan dan Slot iklan dengan kode iklan yang dapat anda buat sendiri pada menu Unit Iklan Dasboard Account Google AdSense anda.
Masuk ke Daboard AdSense pilih Unit Iklan, kemudian Pilih Iklan Display
Rekomendasi iklan yang tepat agar dapat tampil dengan sempurna adalah iklan dengan ukuran lebar 970 x 90 atau 278 x 90 sehingga dapat mengikuti panjar dan lebar area iklan pada tampilan browser dekstop. Karena jika Anda memilih ukuran iklan Responsif terkadang ada iklan yang tampil tidak sempurna bahkan tidak tampil sama sekali.
Ubah ukuran iklan dari responsif menjadi tetap, kemudian tentukan pilihan anda pakah akan menggunakan iklan dengan lebar 970 x 90 atau iklan dengan lebar 278 x 90 tergantung selera masing-masing.
Iklan berhasil di buat, silahkan dicopy Id Pub Iklan dan Slot iklannya saja, kemudian ganti kode Id Pub dan Slot pada kode iklan Sticky yang sudah dipasang sebelumnya dengan kode iklan yang telah dibuat.
Kesimpulan:
Ads Sticky atau iklan yang menempel dan melayang pada area tertentu adalah salah satu type iklan yang cukup menarik untuk diterapkan pada blog yang sudah diterima menjadi Publisher iklan AdSense. Selain bertujuan untuk membuka peluang pendapatan AdSense tampilannya juga dapat memberikan kesan blog tampil lebih cantik dan profesional.
Salah satu type iklan yang jarang diterapkan oleh Blogger Pemula adalah iklan Sticky, dimana tidak semua themplate memiliki fitur penempatan tata letak Ads Sticky, dan rata-rata template yang sudah menggunakan fitur ads sticky adalah template premium berbayar terutama versi template AMP.
Bagi Anda blogger pemula yang mungkin belum menggunakan template premium dan kebetulan template yang sedang anda gunakan juga belum memiliki fitur penempatan Iklan AdSense Sticky apabila ingin mencoba menerapkannya silahkan ikuti tutorial penempatan iklan AdSense Sticky suport tampilan Browser Dekstop yang akan admin bahas pada kesempatan ini.
Apa itu Iklan Sticky? Sticky Ads atau iklan memikat adalah iklan yang dipasang pada posisi tertentu pada tata letak tema blog dan sifatnya tetap tidak berpindah-pindah tempat dengan tampilan melekat atau melayang pada umumnya dipasang di area bawah halaman blog seperti gambar berikut ini:
Iklan Sticky otomatis tentu tidak akan muncul pada halaman browser dekstop windows, karena pada dasarnya iklan ini khusus ditampilkan untuk pengguna smartphone android layaknya iklan otomatis namun memiliki tombol close yang muncul diarea bawah tampilan browser android. Untuk itu agar iklan Sticky dapat tampil di jendela browser dekstop perlu dilakukan penerapan secara manual dengan penambahan kode ads Sticky pada kode HTML Tema.
Pada dasarnya Google melarang penggunaan iklan jenis Sticky karena type iklan melayang lebih cenderung menggunggu pengunjung dalam mengakses keseluruhan konten blog, memungkinan pengunjung secara tidak sengaja klick iklan berulang kali sehingga beresiko invalid trafik.
Namun jika pemasangannya pada posisi yang tepat, tentunya jenis iklan ini membuka peluang untuk menambah pendapatan, dengan catatan penempatannya tidak menggagung/menghalang-halangi pengunjung mengakses keseluruhan konten blog dan ukurannya juga tidak terlalu besar.
Bagaimana apakah anda tertarik untuk mencoba menerapkan pemasangan iklan Sticky pada blog kesayangan? berikut ini prosedur penerapannya:
Buka halaman Dasboard Blogger Anda, kemudian pilih blog yang akan dipasang iklan Sticky, masuk ke menu TEMA kemudian pilih EDIT HTML. Copy dan pastekan kode berikut ini di area yang berdekatan dengan kode </BODY> Download Source Code Iklan Sticky
<b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "false" and not data:blog.searchQuery'><style>/*<![CDATA[mankoin.com*/.sticky-ad{display:none;-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:sticky;text-align:center;left:0;width:100%;z-index:999;max-height:100px;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;max-width:100%;height:100px;bottom:0;-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}@-webkit-keyframes fade-in{0%{bottom:-100px}100%{bottom:0}}@keyframes fade-in{0%{bottom:-100px}100%{bottom:0}}.sticky-ad-close-button{position:absolute;width:28px;height:28px;top:-28px;right:0;background-size:24px 24px;background-position:2px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:0;border-radius:12px 0 0 0;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");padding:0}/*]]>*/</style><div class='sticky-ad' id='sticky-ad'><ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-slot='9943136880' style='display:inline-block;width:970px;height:90px'/><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><button aria-label='Close this ad' class='sticky-ad-close-button' onclick='this.parentElement.style.position='relative';this.style.display='none';'/></div><script>//<![CDATA[
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>
Lakukan ujicoba penempatan apabila kurang pas peletakan kodenya, silahkan Anda coba lokasi lain para area kode yang tidak jauh dari </BODY>.
Setelah itu agar iklan dapat tampil ganti kode Id Publikasi Iklan dan Slot iklan dengan kode iklan yang dapat anda buat sendiri pada menu Unit Iklan Dasboard Account Google AdSense anda.
Masuk ke Daboard AdSense pilih Unit Iklan, kemudian Pilih Iklan Display
Rekomendasi iklan yang tepat agar dapat tampil dengan sempurna adalah iklan dengan ukuran lebar 970 x 90 atau 278 x 90 sehingga dapat mengikuti panjar dan lebar area iklan pada tampilan browser dekstop. Karena jika Anda memilih ukuran iklan Responsif terkadang ada iklan yang tampil tidak sempurna bahkan tidak tampil sama sekali.
Ubah ukuran iklan dari responsif menjadi tetap, kemudian tentukan pilihan anda pakah akan menggunakan iklan dengan lebar 970 x 90 atau iklan dengan lebar 278 x 90 tergantung selera masing-masing.
Jangan lupa untuk memberi nama unit iklan sebelum menekan tombol BUAT untuk melanjutkan proses pembuatan kode iklan.
Iklan berhasil di buat, silahkan dicopy Id Pub Iklan dan Slot iklannya saja, kemudian ganti kode Id Pub dan Slot pada kode iklan Sticky yang sudah dipasang sebelumnya dengan kode iklan yang telah dibuat.
Kesimpulan:
Ads Sticky atau iklan yang menempel dan melayang pada area tertentu adalah salah satu type iklan yang cukup menarik untuk diterapkan pada blog yang sudah diterima menjadi Publisher iklan AdSense. Selain bertujuan untuk membuka peluang pendapatan AdSense tampilannya juga dapat memberikan kesan blog tampil lebih cantik dan profesional.
6 comments