Skip to main content

follow us


www.azid.web.id - Cara Memasang Script Lazy Load Adsense Untuk Mempercepat Loading Blog. Mungkin dari beberapa blogger sudah ada tutorial ini, salah satunya adalah Arlina Design. Diblog Arlina Design sendiri sudah banyak yang memakainya dan terbukti berhasil seperti pada blog www.tutorialswb.com. Memang google adsense adalah merupakan publisher iklan yang terkenal di Dunia, bahkan jika sobat menjadi publisher adsense dan tekun untuk membuat konten maka sobat bisa merauk keuntungan dengan jumlah berjuta-juta setiap bulannya, seperti mas timon, kompiajaib, mastrigus, strukturkode, dan lain sebagainya.

Namun dari segi kecepatan blog yang terdapat iklan adsense akan mengalami penurunan kecepatan, hal tersebut dikarenakan terdapat script eksternal di blog sobat sehingga memperlambat kecepatan blog sobat. Ditambah lagi jika sobat menampilkan iklan adsense berupa iklan responsive gambar, maka akan menambah beban blog sobat. Untuk itu, agar kecepatan blog sobat tetap stabil dan iklan teatap berjalan sobat perlu trik yaitu dengan menggunakan script lazy load adsense.

Baca Juga: Cara membatalkan akun adsense yang tidak ada tombol cancel atau karena duplikat akun

Dengan menggunakan lazy load adsense, setidaknya blog sobat akan mengalami kecepatan yang lebih baik jika diuji pada Page speed insight maupun pada Gtmetrix. Lantas bagaimana funsgi script lazy load?, script ini berfungsi untuk menyembunyikan sementara dari perenderan alat tes uji kecepatan oleh google di page speed insight maupun di gtmetrix. Dengan demikian, saat uji kecepatan blog, adsense secara otomatis tidak akan terender. Terus apakah iklan adsense kita tetap akan tampil?, ya, iklan adsense sobat akan tetap tampil. Jadi cara kerja dari script tersebut adalah menyembunyikan sementara iklan adsense dan script adsense dan akan tampil ketika layar blog kita discroll.

Bagaimana cara memasang script lazy load adsense tersebut?, Untuk memasang lazy load adsense hal pertama yang perlu sobat lakukan adalah cari kode script adsense seperti berikut;


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Mungkin pada setiap iklan pasti ada kode tersebut, jika sudah ketema maka sobat bisa menghapusnya dan ganti dengan script dibawah ini, dan letakkan diatas kode </body>


<script type='text/javascript'> //<![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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script>

Dengan script tersebut, maka sobat tidak usah lagi untuk memberikan script adsense pada setiap iklan yang ada. Cukup memasang script diatas itu saja, maka iklan akan tetap tampil.

Jika sobat ingin lebih mudah lagi, ada script lagi yang perlu sobat hapus yaitu


<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

Pada iklan adsense sobat biasanya juga ada script diatas, hapuslah setiap script tersebut yang ada pada iklan adsense sobat.  Setelah menghapusnya, gantilah dengan script dibawah ini dan letakkan dibawah kode script sebelumnya


<script> //<![CDATA[ for (var ads = document.querySelectorAll('ins.adsbygoogle'), i=0; i<ads.length; i++){ if (ads[i]) { (adsbygoogle = window.adsbygoogle || []).push({}); } } //]] </script>

PERHATIAN: script ini, kadang akan mengalimi error penyimpanan tatkala penempatan iklan tidak sesuai, oleh kerana itu jika terjadi error saat penyimpanan sobat bisa memindahkan script ini dan letakkan pada tempat lain seperti dibawah kode </footer>

Jika sobat berhasil, maka iklan adsense sobat tinggal menampilkan kode kurang lebih seperti berikut


<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxx' data-ad-format='auto' data-ad-slot='xxxxx' data-full-width-responsive='true' style='display:block'></ins>

Apakah ada cara lain selain cara diatas?, Sesuai dengan eksperimen saya. Ada cara lain yang lebih efektif, yaitu cukup sobat memberikan tag kondisional pada script iklan sobat dengan tag kondisional yang tidak menampilkan iklan selain home. Dengan cara tersebut maka, pada home page blog sobat tidak akan ada iklan adasense dengan begitu kecepatan blog akan stabil karena tidak ada iklan yang muncul dan script tidak terdetek oleh alat pengujian kecepatan blog.

Baca Juga: Kumpulan Tag kondisional pada blogger

Demikianlah artikel saya tentang Cara Memasang Script Lazy Load Adsense Untuk Mempercepat Loading Blog. Semoga artikel ini bermanfaat. Amin.

UPDATE: Selain kode diatas sobat juga bisa menggunakan kode lazy load adsense dibawah ini;

 <script>
//<![CDATA[
function im() {
(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); })();
}window.onload = im;

     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-3597723085513015",
          enable_page_level_ads: true
     });
//]]>

</script>

UPDATE 28 APRIL 2019 100% WORK KECEPATAN LOADING


<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); })();
document.body.className += " sticky";
lazyadsense = true;
  }
}, true);

     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-xxxxxxxxxxxx",
          enable_page_level_ads: true
     });
//]]>
</script>
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