Cara Pasang Script Lazy Load AdSense agar Loading Iklan Lebih Cepat
Sebagai seorang blogger apakah kamu pernah loading web lemot dan mendapatkan pesan cls issue: more than 0.25 (mobile) saat kamu memeriksa blog kamu di google webmaster tools.
Cara Pasang Script Lazy Load AdSense agar Loading Iklan Lebih Cepat - Pesan cls issue: more than 0.25 (mobile) atau cls issue: more than 0.25 (desktop) adalah pesan yang kamu dapat akibat memasan iklan google adsense.
Namun kamu bisa mengatasi pesan error ini dengan cara memasang script lazy load adsense yang dapat digunakan untuk meringankan loading iklan adsense di blog.
Alasannya karena script iklan yang di berikan oleh google adsense yang di gunakan untuk di pasang di blog kita membuat loading blog menjad lebih lambat.
Hal ini karena adsense masih menggunakan script js external atau memanggil script dari luar.
Salah satu yang menyebabkan loading blog menjadi lambat selain script java script adalah gambar dengan ukuran besar, banyak widget yang terpasang, iklan adsense terlalu banyak dan sebagainya.
Hal ini tentu saja dapat menghambat blog kita saat memuat konten dan kebanyakan para pembaca tidak mau membaca blog yang loadingnya lebih dari 15 detik.
Akibanya bounce rate blog kamu menjadi tinggi dan hal ini tidak baik untuk kelangsungan hidup blog karena dapat berpengaruh degan tingkat SEO.
Di kesempatan newbie akan memberikan kamu cara mempercepat loading blog dari salah satu penyebab yang membuat loading blog kamu lambat yaitu iklan google adsense.
Baca Juga
Membuat loading blog jadi cepat dengan script lazy load
Jika kamu menggunakan script leazy load adsense, nantinya iklan yang terpasang di blog kita akan muncul sedikit terlambar dan iklan akan muncul saat pengunjung melakukan scrolling kebawah.
Sama seperti kinerja script Lazy Load Image yang membuat gambar muncul saat pengunjung melakukan scrol blog kamu.
Script iklan adsense memang menggunakan javascript dan script tersebut akan memanggil iklan dari luar.
Kode yang di gunakan oleh google adsense saat memanggil iklan adalah seperti di bawah ini
<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Script Javascript di atas yang akan kita ubah menjadi script lazy load Adsense. Namun ada baiknya jika kamu menemukan script di atas untuk kamu hapus.
Alasannya karena script lazy load Adsense tidak akan bekerja jika script bawaan adsense di atas masih terpasang.
Kamu bisa menggunakan salah satu script di bawah ini.
Script Lazy Load Adsense 1
<script type='text/javascript'>Script Lazy Load Adsense 2
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
Baca Juga
34 Cara Mendapatkan Uang Online Dengan Mudah Dari Internet Tanpa Modal Untuk Pemula
Cara pasang Lazy Load Adsense di Blogger
Script lazy load di atas bisa kamu pasang blog kamu yang menggunakan blogspot dan untuk menggunakannya kamu bisa ikuti langkah-langkahnya di bawah ini
1. Buka dasboard blogger
2. Masuk ke tema, edit HTML
3. Tekan CTRL + F, lalu masukkan kata kunci "pagead2.googlesyndication.com" untuk mencari kode script bawaan google adsense seperti di bawah ini
<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
4. Hapus lah semua script jika kamu menemukan script di atas lebih dari satu.
5. Selanjutnya tekan CTRL + F dan cari kode </body>
6. Pilih dan copy salah satu script lazy load adsense yang sudah di bagikan di atas.
7. Letakkan tepat di atas kode </body>
8. Dan lihat hasilnya
Jika saat kamu buka halaman google adsense kamu dan mendapai jika iklan google adsense tampil saat kamu scrol blog kamu ke bawah, berarti script tersebut bekerja dengan baik.
0 Response to "Cara Pasang Script Lazy Load AdSense agar Loading Iklan Lebih Cepat"
Post a Comment
Jangan lupa komentar ya