Lazy Load gtag.js (Google Analytics)

Lazy load gtag.js atau LazyAnalytics adalah script penunda perenderan pustaka gtag.js dengan metode window.addEventListener, browser akan menjalankan pustaka gtag.js setelah ada aktifitas scroll halaman dari pengguna.

Cara kerjanya (Lazy load gtag.js) sama dengan lazyload adsense yang saya publikasikan pada artikel sebelumnya, jika kamu belum membacanya silahkan lihat disini.

Dengan menerapkan window.addEventListener pada gtag.js, diharapkan browser akan fokus terlebih dahulu pada perenderan halaman (konten) anda sehingga waktu muat halaman akan terasa lebih cepat.

Selain itu pengalaman halaman yang baik untuk pengguna (user experience) juga akan tercapai dengan mudah jika menggunakan script Lazy load gtag.js (Lazy load Google Analytics).
Lazy Load gtag.js (Google Analytics)
[ads id="ads1"]

Script LazyAnalytics

<script type="text/javascript">//<![CDATA[

var LazyAnalytics=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===LazyAnalytics||0!=document.body.scrollTop&&false===LazyAnalytics)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://www.googletagmanager.com/gtag/js?id=G-6ZNTFP79YX";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),LazyAnalytics=true)},true);

//]]></script>

<script type="text/javascript">//<![CDATA[

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

  gtag('config', 'G-6ZNTFP79YX');

//]]></script>

Cara Menggunakan

  1. Install script LazyAnalytics ke situs web
  2. Kemudian ganti id global site tag G-6ZNTFP79YX dengan id gtag anda
Jika kamu pemula copy script LazyAnalytics di atas, kemudian pasang/tambahkan script LazyAnalytics di atas atau sebelum kode penutup body yakni; </body>.

Untuk pengguna CMS blogger.com ikuti langkah-langkah memasang script LazyAnalytics berikut ini:
  1. Login ke blogger.com
  2. Klik menu Template
  3. Pilih Edit HTML
  4. Gulir ke bawah, kemudian
  5. Tambahkan script LazyAnalytics di atas </body>
  6. Klik Save Template
Jangan lupa untuk mengganti id global site tag G-6ZNTFP79YX dengan id global site tag atau tracking id (UA-123456789-1) anda sendiri, sedikitnya ada dua id global tag yang sama di lokasi yang berbeda (dalam script) yang harus di ganti.

Catatan

Sebelum memasang script LazyAnalytics pastikan kamu telah menghubungkan blog/website anda ke Google Analytics dengan metode pengaitan terbaru yakni via gtag.js (global site tag).
New gtag.js (Global site tag)
Ini sepenuhnya berbeda dengan analytics.js versi lama, jika pengaitan situs masih menggunakan metode lama silahkan upgrade ke metode terbaru, yaitu dengan menggunakan gtag.js (global site tag) agar dapat menggunakan lazy load google analytics ini.

Selesai...!, semoga artikel dan script Lazy Load gtag.js ini bermanfaat dan benar-benar membantu anda dalam meningkatkan pengalaman pengguna (user experience) yang lebih baik di situs web/blog anda, terimakasih telah berkunjung.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mengatasi URL Yang Dikecualikan (Discovered-Currently Not Indexed Status)

Gambar
Tahukah kamu apa itu " Discovered currently not indexed " dengan status " Excluded "? Discovered currently not indexed maksudnya adalah halaman (url) sudah ditemukan oleh google tetapi belum di-crawl, sedangkan status excluded adalah status url yang masuk dalam ketegori pengecualian atau di kecualikan. Biasanya halaman ( url ) yang dikecualikan juga tidak diindeks oleh google karena menurut google halaman (url) merupakan duplikat dari halaman yang diindeks, atau diblokir dari pengindeksan oleh beberapa mekanisme di situs web itu sendiri. Jika tag canonical url di terapkan dengan benar beberapa url atau halaman di situs web akan dikecualikan oleh crawler google, biasanya halaman yang dikecualikan merupakan halaman (url) yang memang tidak penting untuk diindeks seperi url ?m=1, ?m=0 dan /search. Pengecualian pada yang url seperti itu baik untuk situs web, dengan begitu url (halaman) duplikat akan terjaring kedalam keranjang pengecualian di search console. [ads id=...
Baca selengkapnya

Cara Mengatasi Render Blocking Resources Dari Template Blogger

Gambar
Cara Mengatasi Render-blocking resources -  Sedikitnya ada dua jenis resources pada template blogger yang menyebabkan bloking first paint pada halaman blog. Yang pertama resources yang berasal dari platform blogger (resources default) yang biasa kita sebut dengan bundle css blogger dan resources pihak ketiga (3rd party) seperti bundle css fontawesome dan library javascript. Kedua jenis resources (bundle css/js) tersebut sebenarnya bukan hal buruk untuk situs blog, kita hanya perlu memuatnya secara tidak sinkron (asynchron) jika memungkinkan, Dan khusus untuk bundle css/js bawaan blogger langkah terbaik saat ini untuk mengatasinya adalah adalah dengan menonaktifka-nya. Karena sangat tidak mungkin untuk memodifikasi kode tersebut. Dampak Negatif Render-Blocking Resources [ads id="ads1"] Yang paling nyata dampak negatif render-blocking resources adalah (bloking first paint) yaitu ketika browser memuat halaman blog yang pertama kali terlihat adalah layar putih, di butuhkan waktu...
Baca selengkapnya

Cara Mendaftarkan Blog Ke Google Adsense (Panduan Terupdate)

Gambar
Google adsense menjadi terget utama kebanyakan blogger di dunia, pasalnya google adsense memberikan penghasilan kepada konten kreator melalui monetisasi konten blog dengan iklan adsense. Oleh karena itu bagi kamu yang baru saja memulai blogging khususnya yang ngeblog di platform blogger saya akan menunjukkan cara mendaftarkan blog anda ke google adsense agar dapat dimonetisasi dengan iklan adsense. Tapi sebelumnya harap perhatikan dan terapkan beberapa poin di bawah ini agar blog anda dapat dimonetisasi dengan iklan adsense. Syarat Agar Blog Diterima Adsense Untuk Monetisasi Daftarkan blog anda ke google adsense jika sudah rampung. Pastikan konten blog tidak berisi konten dewasa dan perjudian. Buat navigasi yang relevan dengan konten dan niche blog. Pastikan blog memiliki trafik organik. [ads id="ads1"] Jika ke empat poin di atas yang menjadi syarat kelayakan situs (blog) untuk dimonetisasi dengan iklan adsense sudah dipenuhi oleh blog anda maka blog sudah siap untuk didaftar...
Baca selengkapnya