Tutorial

  • Android
  • Blogger
  • Canon
  • Epson
  • Komputer
  • Laptop
  • MedSos
  • ByPass FRP Tools
  • Berbagi Tutorial in Google News
  • Berbagi Tutorial on Facebook
  • Berbagi Tutorial on Instagram
  • Berbagi Tutorial on Twitter
  • Berbagi Tutorial on Youtube
  • Berbagi Tutorial on Tumbrl
  • Berbagi Tutorial on Wix
  • Berbagi Tutorial on Linkdin
  • Berbagi Tutorial on KASKUS
  • Berbagi Tutorial on MEDIUM
  • List Blog Partner
  • Open Backlink DoFollow
  • 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

     
    <b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; 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=&apos;relative&apos;;this.style.display=&apos;none&apos;;'/></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.
    Ingin berlangganan Notifikasi Update Postingan Terbaru? Silahkan Gabung Berbagi Tutorial Online WhatsApp Grup atau Follow Berbagi Tutorial On Google News
    Artikel Terkait:
    • Anonim - Pengunjung - 8 September 2019 17.16

      Klo cara buat iklan sticky seperti di blog ini, tapi menggunakan wp gimana ya?

    • Berbagi Tutorial Online - Admin - 8 September 2019 20.57

      Maaf kurang tau saya gan, saya gak pernah pakai WP soalnya

    • Fuji Haru - Pengunjung - 8 September 2019 21.55

      Terimakasih informasi iklan sticky di Desktopnya. penyampaiannya to the point dan praktis.

    • Sahrul Parawie - Pengunjung - 8 September 2019 21.59

      Ok..gan terima kasih telah berkunjung

    • fakhli - Pengunjung - 12 Januari 2020 18.07

      iklan stickynya klo di mobile gimana bang? apa tetap muncul juga?

    • Berbagi Tutorial Online - Admin - 12 Januari 2020 19.21

      Iya tetap muncul, kl ada kendala hubungi saya via menu contact US