Cara Memasang Widget Iklan Sticky [Ads Sticky] Di Sidebar Blog

Cara Memasang Widget Iklan Sticky [Ads Sticky] Di Sidebar Blog - Salah satu upaya untuk memaksimalkan pendapatan dari adsense adalah dengan menempatkan iklan pada slot-slot yang strategis. Tempat-tempat tersebut biasanya berada di bawah header, di sidebar dll. Walaupun sudah melakukan cara tersebut, penghasilan adsense tidak ada perkembangan yang signifikan. Pasalnya iklan-iklan tersebut jarang dilirik pengunjung dan potensi klik iklan tersebut juga semakin langka. Mungkin anda bisa mencoba memasang iklan memikat/melekat/tetap/melayang atau yang biasa disebut iklan sticky.

  Ads sticky adalah widget yang berupa iklan yang apabila dipasang pada sebuah blog atau website, jika di scroll kebawah iklan tersebut masih terlihat. Artinya, iklan tersebut menempel pada dinding blog atau website tersebut. Dengan begitu, kemungkinan klik pada iklan tersebut akan semakin besar karena selalu terlihat. Hal tersebut dapat memicu peningkatan earning adsense anda.

  Sampai saat ini, pemasangan ads sticky memang masih menjadi kontroversi dikalangan para blogger. Tidak sedikit yang masih berasumsi bahwa memasang iklan sticky adalah perbuatan yang melanggar TOS adsense dan berefek samping terbannednya akun adsense. Paradigma tersebut salah besar.

  Untuk penjelasan lebih jelas mengenai boleh atau tidakkah memasang iklan adsense dalam bentuk sticky sudah pernah saya singgung sebelumnya pada postingan
-Boleh Memasang Iklan Adsense Pada Widget Sticky Asalkan...


Cara membuat sticky ads, cara memasang iklan sticky pada sidebar blog, cara membuat iklan adsense melayang.

Langkah-langkah Membuat Sticky Ads

  Sebelum kita mulai, alangkah baiknya jika memback-up terlebih dahulu template blog yang sedang digunakan sebagai langkah untuk mengantisipasi trjadinya kesalahan.

1. Masuk ke akun Adsense anda dan buatlah iklan baru kemudian copy kode iklannya.

2. Masuk ke Blogger, buka tata letak, tambahkan gadget pada sidebar blog, pilih html/javascript lalu paste-kan kode iklan yang sudah dibuat tadi. Pastikan ukurannya sesuai dengan ukuran sidebar blog anda atau anda bisa menggunakan ukuran yang responsive. Kemudian simpan perubahan.

3. Pergi ke template/tema blog anda lalu klik edit HTML dan cari kode </body> . Pastekan kode dibawah ini tepat diatas kode tersebut.

<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#sticky-sidebar');
    var stickyTop = $('#sticky-sidebar').offset().top;
    var stickyHeight = $('#sticky-sidebar').height();
    $(window).scroll(function() {
      var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
      var windowTop = $(window).scrollTop();
      if (stickyTop < windowTop) {
        el.css({
          position: 'fixed',
          top: 20 // Jarak atau margin sticky dari atas
        });
      } else {
        el.css('position', 'static');
      }
      if (limit < windowTop) {
        var diff = limit - windowTop;
        el.css({
          top: diff
        });
      }
    });
  }
});
//]]>
</script>

Keterangan:

  • Ganti kode #sticky-sidebar dengan id widget iklan yang tadi anda pasang sebelumnya. Biasanya berupa HTML1/HTML2/HTML3 dan seterusnya.
  • Ganti kode #footer-wrapper dengan id widget yang akan menjadi tempat berhentinya sticky widhet tersebut. 


4. Kemudian pasang kode css dibawah ini tepatnya diatas </style> atau ]]</b:skin>

#HTML1{width:100%;max-width:300px}

Ganti #HTML1 dengan id widget iklan sticky yang tadi anda buat.

5. Simpan template dan tunggu sampaiiklan muncul. Selesai!.


  Demikianlah tutorial Cara Memasang Widget Iklan Sticky [Ads Sticky] Di Sidebar Blog, Semoga dapat membantu anda dalam pemasangan iklan sticky tersebut.

  Terimakasih kepada Mbak Arlina yang sudah berkenan mengizinkan saya untuk menggunakan script stickynya.

Semoga bermanfaat!.



Postingan terkait:

Belum ada tanggapan untuk "Cara Memasang Widget Iklan Sticky [Ads Sticky] Di Sidebar Blog"

Post a Comment

Ceklist Notify Me untuk mendapatkan pemberitahuan saat komentar anda dibalas.
Komentar berisi link tidak akan ditampilkan.