Script LazyLoad Untuk Google Analytic Pada Blogger - WESTOIKU

Cara Memasang Lazyload Google Analytic Pada Blogger.

Pada umumnya seorang blogger pasti pernah memasang sebuah kode dari google analytic kedalam template blogger.

Goole analytic berguna untuk mengetahui statistik blog , dari konten yang paling relevan , asal pengunjung , jumlah visitor , durasi traffic , dan lain sebagainya...

Namun setelah di chek URL blog menggunakan sebuah alat toll Pagessped Indeks Google ,, ternyata performa kecepatan blog malah menurun drastis ,, hal ini dikarenakan adanya sebuah kode javascript yang tertanam di dalam template blog , yang berasal dari google analytic.

Mengapa Kode Google Analytic Memperlambat Loading Blog.

Pada dasarnya kode google analytic yang terpasang di template blogger dengan javascript Eksternal sehingga memperlambat loading performa blogger.

Anda tidak perlu khawatir , disini anda bisa belajar bareng di situs westoiku yang saat ini lagi membahas tentang kode skrip lazyload google analytic.

Script ini nantinya akan berfungsi membantu mempercepat loading blogger.

Kode lazyload ini sangat simpel , sehingga bisa dengan mudah di pasang pada template blogger milik anda.

Cara Kerja Script LazyLoad Pada Blogger.

Cara kerjanya yaitu apabila seorang pengunjung blog membuka halaman lalu si pengunjung melakukan scrolling.

Intinya , kode ini baru akan bekerja setelah scroll.

Dengan begitu maka pada saat melakukan pengecekan URL blog yang sudah terpasang LazyLoad maka kinerja blog atau kecepatan blog menjadi lebih cepat.

Cara Memasang Script LazyLoad Google Analytic Di Blogger.

Untuk cara pemasanganya , sobat bisa ikuti tutorial dibawah ini dengan benar.

1. Buka Akun Blogger.

2. Pilih thema  "Edit Html".

3. Masukan kode dibawah ini :

Cari kode   </body>   lalu taruh kode dibawah ini tepat diatasnya ::

/* westoiku */
<!-- Global site tag (gtag.js) - Google Analytics -->
<script>
var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0)
</script>
<script>
  window.dataLayer=window.dataLayer||[];
  function gtag(){dataLayer.push(arguments)}
  gtag("js",new Date());
  gtag("config","UA-XXXXXXXXX-X")
</script>

catatan :

Ganti kode yang saya tandai dengan warna ,, Ganti dengan kode google analytic milik anda.

4. Terakhir Klik Simpan.

Sekarang proses sudah selesai jika anda penasaran , anda bisa melakukan dan menerapkan kode diatas pada blogger anda.

Lakukan pengecekan pada pagessped , lihat hasilnya...

Sekian artikel dari westoiku tentang cara membuat lazyload google analitic pada blog.