Membuat Page Level Ads Terbaru Modifikasi Kurazone

KOMPTIK - Page level ads atau saya sebut dengan Iklan melayang adalah fitur iklan yang menarik dan hanya ditampilkan pada perangkat mobile.

Fitur ini dinilai lebih efektif untuk meningkatkan penghasilan AdSense karena secara nyata pengguna internet dunia lebih banyak menggunakan smartphone dalam menjelajah tulisan website. 

Page level ads disediakan AdSense lewat auto adsnya, namun tampilan page level ads diketahui hanya menampilkan tampilan yang hanya begitu saja dan jika di lihat tidak semua page tulisan akan tampil iklan. Oleh karenanya, bagi sebagian publisher AdSense lebih suka menggunakan page-level ads secara manual dan dikategorikan custome modifikasi sendiri pasang iklan melayang versi mobile.

Nah, disini saya sedikit desain tampilan iklan melayang tersebut sama dengan versi Kurazone, tamplannya seperti berikut:

Oh iya! Perlu diketahui iklan desain seperti ini tidak menggunakan iklan auto ads (Page-level ads), tetapi menggunakan unit iklan dengan ukuran 320x50. Kalian bisa membuat unit iklan baru responsive dengan ukuran tersebut di akun AdSense kalian.

Cara Membuat Page Level Ads Terbaru Modifikasi Kurazone

Langkahnya.

1. Buka blogger kamu - pilih tema - pilih edit HTML

2. Copy kode HTML dibawah ini (kode HTML dengan tombol close versi lama Kurazone)

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

<style type='text/css'>

.anchor_banner {

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 50px;

    background-color: #123456;

    text-align: center;

    z-index: 2;

 }

.btnclose {

    position: fixed;

    width: 28px;

    height: 28px;

    right: 0;

    bottom: 50px;

    background-size: 13px 13px;

    background-position: 9px;

    background-color: #123456;color:white;

    background-repeat: no-repeat;

    box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.2);

    border: none;

    border-radius: 12px 0 0 0;

 font-size: 16px;

 }

</style>

<script>

$(document).ready(function(){

    $(&quot;#closeiklan&quot;).click(function(){

        $(&quot;#iklan_anchor&quot;).remove();

    });

});

</script>

<div class='anchor_banner' id='iklan_anchor'>

<button class='btnclose' id='closeiklan'><i class='fa fa-close'/></button>

<div id='div-Anchor' style='position:fixed;bottom:0px;z-index:9999;text-align:center;height:50px;width:100%;'>

KODE IKLAN 320x50 DISINI

</div></div>

</b:if>

3. Letakkan diatas </body>

4. Letakkan kode unit iklan ukuran 320x50 pada bagian yang bertuliskan KODE IKLAN 320x50 DISINI

5. Simpan template

Iklan modifikasi versi lama sudah terpasang di blog kalian.

Pada langkah kedua bagi kalian yang ingin menghilangkan tombol closenya kalian bisa ganti kodenya dengan kode berikut:

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

<style type='text/css'>

.anchor_banner {

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 50px;

    background-color: rgba(155,155,155,0.05);

    text-align: center;

    z-index:9999;

 }

</style>

<div class='anchor_banner' id='iklan_anchor'>

<div id='div-Anchor' style='position:fixed;bottom:0px;z-index:9999;text-align:center;height:50px;width:100%;'>

KODE IKLAN 320x50 DISINI

</div></div>

</b:if>

Note. Warna rgba(155,155,155,0.05) bisa di sesuaikan dengan warna background template kalian. Kode warna kalian bisa cek disini.

Itulah Cara Membuat Page Level Ads Terbaru Modifikasi Kurazone. Selamat mencoba dan semoga bermanfaat. Jangan lupa untuk tinggalkan komentar hasil percobaan kalian ya! 

Wa Salam.