Setiap ilmu yang kita dapatkan harus kita amalkan sebelum kita kembali kepada Nya. Blog ini berbagi Tutorial Blogger, Tutorial VSCO, Tutorial Game, Informasi Pendidikan, Prediksi Soal dan hal menarik lainnya.

Cara Memasang Floating Ads yang Hanya Muncul di Tampilan Mobile Saja

0 15

Floating Ads adalah jenis iklan Web yang tampak tidak tersusun, disimpan di atas halaman yang dimuat pengguna / pengunjung, dan menghilang atau menjadi tidak mengganggu setelah di close atau dalam jangka waktu tertentu (biasanya 5-30 detik). Floating ads sendiri sebenarnya sangat tidak direkomendasikan untuk Publisher AdSense karena hal tersebut melanggar kebijakan google adsense.

Jika sobat memang ngotot ingin memasang Floating Ads pada blog sobat, saya punya cara rahasia yang sekarang ini sudah tidak rahasia lagi pastinya karena saya akan share triknya untuk sobat sekalian. Caranya yaitu dengan cara memasang floating ads yang hanya akan muncul ketika website kita diakses melalui handphone (Mobile). Sedangkan apabila diakses menggunakan Desktop / PC. Floating ads tersebut tidak akan muncul. Perlu sobat ketahui terlebih dahulu sebelum melakukan cara ini. Walaupun dilengkapi dengan tombol close, cara ini akan mendorong pengunjung blog sobat untuk melakukan Klik iklan yang tidak disengaja dan itu termasuk melanggar kebijakan google adsense. Penjelasannya bisa sobat baca kutipan kebijakan penempatan iklan adsense di bawah ini.

Mendorong klik tidak disengaja

Penayang tidak diizinkan untuk menganjurkan pengguna agar mengeklik iklan Google dengan cara apa pun. Ini mencakup menerapkan iklan dengan cara yang membuatnya mungkin salah dipahami sebagai konten situs lainnya, seperti menu, navigasi, atau tautan unduhan.

Hati-hati ketika menempatkan tautan, tombol putar, tombol unduh, tombol navigasi (misalnya, “Sebelumnya” atau “Berikutnya”), jendela game, pemutar video, menu tarik-turun, atau aplikasi di dekat iklan karena dapat menyebabkan klik tidak disengaja. Bahkan jika tata letak secara tidak sengaja menyebabkan klik tidak disengaja, penayang tetap dapat menerima pemberitahuan pelanggaran.

Pada kalimat di atas jelas bahwa hal floating ads termasuk melanggar kebijakan google adsense. Tapi sobat jangan khawatir, selama saya menerapkan trik ini di 3 situs saya. Akun adsense saya bersih tanpa peringatan yang berkaitan dengan floating ads tersebut. Saya sudah menerapkan cara ini kurang lebih selama 3 bulan dan aman-aman saja dan tentunya earning yang didapatkan pun meningkat, dan saya yakin itu adalah alasan utama sobat membaca artikel ini hehe… Walaupun begitu, saya tidak bisa menjamin bahwa akun adsense Anda akan aman setelah memakai trik ini. Yang namanya sebuah trik, pasti ada kadaluwarsanya, hehe… Tapi kalo memang sobat penasaran dan ingin mencobanya silahkan ikuti tutorialnya di bawah ini.

  1. Disini saya akan menggunakan tag kondisional if. Silahkan sobat copy kode di bawah ini.
    <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
    &lt;div id=&#39;teaser2&#39; style=&#39;width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:-120px;left:20px;z-index:20000&#39;&gt;
    &lt;div&gt;&lt;a id=&#39;close-teaser&#39; onclick=&#39;document.getElementById(&amp;#39;teaser2&amp;#39;).style.display = &amp;#39;none&amp;#39;;&#39; style=&#39;cursor:pointer;&#39;&gt;&lt;center&gt;&lt;img alt=&quot;close&quot; src=&quot;//3.bp.blogspot.com/-Dg7-C1l-c_k/TzNSDnP3KYI/AAAAAAAAC3Y/rgSO5moDwsI/s320/cls.gif&quot; title=&quot;close button&quot; /&gt;&lt;/center&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;style type=&#39;text/css&#39;&gt;
    
    #rizky{
    position:fixed;
    top:140px;
    z-index:+1000;
    }
    * html #rizky{position:relative;}
    .rizkycontent{
    float:right;
    background:transparant;
    padding:0px;
    }
    &lt;/style&gt;
    &lt;script type=&#39;text/javascript&#39;&gt;
    function showHiderizky(){
    var rizky = document.getElementById(&quot;rizky&quot;);
    var w = rizky.offsetWidth;
    rizky.opened ? moverizky(0, 30-w) : moverizky(20-w, 0);
    rizky.opened = !rizky.opened;
    }
    function moverizky(x0, xf){
    var rizky = document.getElementById(&quot;rizky&quot;);
    var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
    var dir = xf&gt;x0 ? 1 : -1;
    var x = x0 + dx * dir-100;
    rizky.style.top = x.toString() + &quot;px&quot;;
    if(x0!=xf){setTimeout(&quot;moverizky(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
    }
    &lt;/script&gt;
    &lt;div id=&#39;rizky&#39;&gt;
    &lt;div class=&#39;rizkytab&#39; onclick=&#39;showHiderizky()&#39;&gt;
    &lt;/div&gt;
    &lt;div class=&#39;rizkycontent&#39;&gt;
    &lt;div style=&#39;text-align:left&#39;&gt;
    &lt;a href=&#39;javascript:showHiderizky()&#39;&gt;
     ==[ Klik 1X disini untuk Close ]==
    &lt;/a&gt;
    &lt;/div&gt;
    &lt;center&gt;
    
    KODE IKLAN DISINI
    
    &lt;/center&gt;
    &lt;script type=&#39;text/javascript&#39;&gt;
    var rizky = document.getElementById(&quot;rizky&quot;);
    rizky.style.center = (20-rizky.offsetWidth).toString() + &quot;px&quot;;
     &lt;/script&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
    </b:if>
  2. Setelah itu, silahkan tempel kode di tersebut tepat di atas kode
    </body>

    pada template blog sobat.

  3. Jika sudah, silahkan ganti tulisan “KODE IKLAN DISINI” dengan script iklan sobat, saya rekomendasikan ukuran 300×250.
  4. Selesai, Simpan dan Lihat hasilnya.

Trik yang sebenarnya sangat mudah. Oh ya, kode

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

juga bisa sobat manfaatkan untuk menyembunyikan widget dan kode tertentu di blog sobat loh. Untuk mengetahui kegunaan lain dari kode di atas sobat bisa baca artikel saya sebelumnya Cara Menonaktifkan Script dan Widget tertentu ketika dibuka di Mobile Version.

Bagaimana kalo sebaliknya? saya ingin menampilkan iklan hanya di tampilan PC saja dan tidak ingin iklan tersebut tampil di tampilan Mobile? sobat hanya perlu ganti kode ‘true’ yang ada pada kode di atas menjadi ‘false’ dan selesai.

Selamat Mencoba dan Semoga bermanfaat!

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.