Skip to main content

follow us


www.azid.web.id - Membuat Iklan Stickty Google Adsense Dibawah Pada Dekstop dan Mobile. Sebelumnya saya sudah pernah share cara membuat iklan sticky pada blog non AMP di dekstop dan cara membuat iklan sticky pada blog non AMP di mobile, serta telah menjelaskan pengertian iklan sticky itu sendiri pada tutorial sebelumnya. Kali ini saya m embagikan kepada sobat semua iklan sticky yang sudah saya gabung dengan menggunakan tag conditional jadi dengan hanya satu scriipt saja sobat bisa menampilkan iklan sticky di dekstop dan dimobile yang tentunya ukurannya sudah saya sesuaikan pula.

Selain menggabungkan keduanya secara bersamaan, saya membagikan iklan sticky lagi dikarenakan ketika saya menggunakan lazy load google adsense pada blog saya ternyata iklan sticky tersebut tidak muncul akhirnya saya mencari cara lain dan mendapatknnya. Jika sobat menggunakan lazy load dari kompi ajaib maka iklan sticky yang saya share sebelumny tidak akan berfungsi, oleh karena itu sobat bisa menggantinya dengan iklan sticky yang akan saya share berikut ini.

Baca juga: membuat blog lebih fast loading dengan lazy load google analytics

Dengan menampilkan iklan sticky pada blogger sobat setidaknya sobat tidak perlu lagi mensetting dan mengaktifkan iklan otomatis pada google adsense sobat dengan pilihan iklan sticky aktif, akan tetapi cukup menonaktifkan iklan sticky tersebut agar tidak bertabrakan. Selain itu dengan iklan sticky manual ini, setidaknya tidak header sobat tidak akan tertimbun oleh iklan karena iklan sticky ini muncul pada menu bawah (dibagian footer) dengan tampilan yang responsive sesuai ukuran blog baik itu pada tampilan desktop maupun pada tampilan mobile. Saya juga sudah mengoptimasi kode iklan agar tidak ada style sehingga google cepat merespon iklan tersebut.

Baca juga: membuat blog memiliki skor SEO hingga 100

Jika sobat ingin menggunakan iklan sticky pada desktop dan mobile tanpa script yang berbeda sobat bisa menggunakan iklan sticky ini, untuk caranya sebagai berikut:

Pertama, masukkah pada akun blogger sobat klik theme dan pilih edit HTML. Jika sudah sobat bisa copas kode berikut ini dan letakkan kode tersebut diatas kode </head>

<style>
.fixedx{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);}
.cursor{cursor:pointer;}
.vertical{vertical-align:middle;}
.fixedx-1{text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto}
.iklan-sticky-mobile{display:inline-block;width:320px;height:50px}
.iklan-sticky{display:inline-block;width:728px;height:90px}
</style>

Kedua, setelah meletakkan kode css, selanjutnya meletakkan kode javascript yang sudah terdapat kode iklannya. Sobat cari kode </body> dan letakkan kode berikut ini tepat diatas kode </body>

<div class='fixedx' id='fixedban'>
<div><a class='cursor' id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;'><img alt='close' class='vertical' src='https://cdn.staticaly.com/img/1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button'/></a></div>
<div class='fixedx-1'>
<b:if cond='data:blog.url != data:blog.homepageUrl and data:blog.isMobileRequest == &quot;true&quot;'>
<ins class='adsbygoogle iklan-sticky-mobile' data-ad-client='ca-pub-9876286521505097' data-ad-slot='1222033203'/>
<script>
      (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl and data:blog.isMobileRequest == &quot;false&quot;'>
<ins class='adsbygoogle iklan-sticky' data-ad-client='ca-pub-9876286521505097' data-ad-slot='1222033203'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </b:if>
</div>
</div>

Ketiga, langkah terakhir gantilah tanda xxxxxxx dengan kode ID iklan dan kode slot iklan sobat kemudian klik Save Template.

Demikianlah artikel saya tentang Cara Membuat Iklan Stickty Google Adsense Dibawah Pada Dekstop dan Mobile. Semoga bermanfaat, amin.
PERHATIAN!: setiap link template pada blog ini di direct 5 -7 kali jadi harap bersabar.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar