Ticker

6/recent/ticker-posts

Header Ads Widget

Iklan Adsense Melayang Yang Responsive di Bawah Blog

Banyak cara yang dilakukan untuk meningkatkan CTR iklan adsense pada blog atau website kita. Salah satunya yaitu memasang iklan melayang pada bagian bawah pada mobile version. Trik ini terkenal ampuh untuk meningkatkan CTR iklan adsense pada blog / website kita.

Simpang siur mengenai iklan sticky ini, ada yang mengatakan bahwa trik ini legal (resmi) namun ada mengatakan bahwa trik ini tidak legal. 

Google menyediakan iklan melayang yang responsive, disebut Iklan anchor. Iklan anchor sendiri akan tampil otomatis melayang biasanya ditempatkan diatas blog, dan hanya ditampilkan pada perangkat mobile.

Terlepas dari masalah diatas, pelajaran ini paling tidak dapat digunakan untuk menambah wawasan tentang cara menghias blog agar tampil beda.

Membuat Sticky Responsive Melayang di Bawah Blog

  • Buka akun Adsense Anda. Silakan akan pilih menu Ads Unit. Untuk membukan kode iklannya, pilih Display Ads

  • Silakan Anda atur iklan yang ingin ditampilkan dengan mengisi Name your ad unitAd size (pilih Fixed ukuran 728 x 90 px). Klik Create.

  • Salin kode script iklan adsens yang ditampilkan > klik Selesai.
  • Selanjutnya buka akun Blogger Anda. 
  • Masuk ke Theme dan klik Edit HTML. Cari kode </body> dan letakkan kode berikut ini diatasnya. Klik simpan templatenya dan lihat hasilnya dengan membuka blognya lagi. 

 <script type='text/javascript'>
        $(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').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('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsr9Pk4OPGCL9UFKYACMbSI80EtQDm6ELp_-nZafndF1n0VBec0-IOVFS00Dna3D5A8aZ0LfBplp0V3-Xb7le336p_m8G_HOLchOuHR5BzfMj8NzwR1EMiH_ag6_c6kusxBwAMqhu5yU8/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-->
<script async=async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- floatingBawah -->

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-723832………"
     data-ad-slot="42181……"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Penjelasan Script kode.

<!--Script iklan-->

<script async=’async’ src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- floatingBawah -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-723832………"
data-ad-slot="42181……"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Catatan : 

  • Kode yang berwarna merah adalah script iklan adsense, silakan Anda ganti dengan kode iklan adsense Anda sendiri. 
  • Ukuran lebar (max-width: 728px) menjadi max-width: 970px.
  • Biasanya script =’async” akan ditambahkan secara otomatis, namun jika tidak ada Anda dapat menambahkannya. 

Tutup halaman EditHTML, jangan lupa untuk menyimpan.

Tunggu hingga disetujui oleh pihak Adsense agar iklan ditampilkan melayang dibawah.

Semoga sukses!!!

Posting Komentar

0 Komentar