Cara Membuat Iklan Sticky Untuk Versi Mobile


Jika anda pernah berkunjung website berita seperti detik.com,liputan 6 dan lainnya khusus di smartphone, anda pasti melihat iklan adsense yang melayang / sticky di footer blog, hal ini banyak digunakan oleh beberapa blogger, seperti saya hehe..namun iklan sticky tersebut hanya untuk tampilan mobil saja, hal ini bertujuan untuk mendapat klik maksimal, dan saya akan membagikan tutorial memasang iklan versi mobile.
Sebelum anda memasang jenis iklan sticky ini saya sarankan anda pertimbangkan matang-matang terlebih dahulu, karena menurut saya iklan ini melanggar perjanjian TOS Privacy Google Adsense, namun merujuk dari banyaknya pengguna yang memakai jenis iklan sticky dan tidak terkena dampak yang berarti, maka mungkin sah saja apabila ingin mencoba jenis sticky adsense keren berikut asalkan ukuran sticky jangan sampai menutupi konten atau isi postingan halaman anda dengan iklan responsive

Cara membuat iklan sticky atay sticky ad
Untuk blog amp silahkan tambahkan terlebih dahulu script dibawah ini

<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
dan selanjutnya tambahkan kode dibawah ini tepat dibawah credit blog atau sebelum tag penutuh </body>


<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<amp-sticky-ad layout='nodisplay'>
    <amp-ad data-ad-client='ca-pub-9444xxxxxxxxxxxxxx' data-ad-slot='96xxxxxxxxx' height='50' type='adsense' width='320'>
 </amp-ad>
  </amp-sticky-ad>
  </b:if>
</b:if>

Ganti ca-pub dan data-ad-slot sesuai dengan data adsense anda.

Untuk blog non AMP sebenarnya banyak yang sudah membahas tentang ini, namun saya mencoba memodifikasinya, cari kode simpan kode dibawah ini, diatas kode

<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
        <!--Script iklan Sticky Demang-->
----IKLAN ADSEN ANDA DISINI-----
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Silahkan sesuaikan dengan keinginan, baiknya gunakan iklan adsense ukuran 728px x 90px atau gunakan ikla responsive, silahkan modifikasi button closenya.
Selamat mencoba.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser