--> Skip to main content

Cara Defer JS Google Analytic di Blogger

 Defer JS Google Analytic ini menjadi salah satu cara agar script Google Analytic tidak mempengaruhi loading blog. Terlebih lagi di bulan Mei nanti google menjadikan page speed (core web vital) menjadi salah satu faktor penentu ranking.

Tentu kita sebagai blogger tidak ingin jika blog yang kita kelola terkena dampak buruk dari masalah ini. Oleh karena itu hal sekecil apapun yang berdampak terhadap kecepatan web harus mulai kita perhatikan. Apakah fitur tersebut perlu atau tidak, termasuk google analytic.

Ada orang yang getol sekali dengan pagespeed sampai2 membuah script google analytic. Dia lebih mengandalkan dashboard blogger untuk melihat statistik blog. Namun menurut saya sendiri, google analytic tetap kita perlukan. Karena disanalah kita bisa melihat detail pengunjung blog hingga halaman pantulan (bounce rate) pada blog kita.

Cara Defer Google Analytic

Buat kamu yang ingin memasang google analytic, tidak usah khawatir akan membuat loading blog lambat. Karena kita bisa melakukan defer JS nya, sehingga tidak mengganggu loading blog. Cara ini saya dapatkan dari blog kompiajaib.

Baca juga: Cara defer komentar disqus

Defer google analytic dengan gtag.js

Biasanya script google analytic yang kita pasang di blog adalah seperti ini:


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxxx-x'/>
<script>
//<![CDATA[
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-xxxxxxxxx-x');
//]]>
</script>

Jika blog kamu masih menggunakan script tersebut, silahkan ganti dengan script defer berikut ini:


<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-xxxxxxx-x');
//]]>
</script>

Jangan lupa ganti kode UA-xxxxxxxxx-x dengan kode tracking analytic kamu.

Defer analytic tanpa gtag.js

 Apa bedanya google analytic tanpa gtag.js? Bedanya adalah jika tanpa gtag.js kita hanya bisa merekam lalulintas pengunjung tanpa merekam perilakunya. Seperti statistik klik pada tombol dll.

Jika blog kamu hanya berisi postingan artikel, lebih baik gunakan JS google analytic klasik saja (tanpa gtag.js). Hal ini untuk menghindari warning Remove unused JavaScript pada js googletagmanager.

Silahkan ganti script google analytic kamu yang lama dengan script berikut:


<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://www.google-analytics.com/analytics.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
//]]>
</script>

Ganti kode UA-xxxxxxxxx-x dengan kode tracking blog kamu.

Jangan lupa juga untuk menambahkan preconnect untuk js google analytic di bawah kode <head>.


<link as='script' href='https://www.google-analytics.com/analytics.js' rel='preload'/>

Selesai, sekarang silahkan cek blog kamu di google pagespeed.

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

Coba aplikasi TipsdanTrik.web.id

Tambahkan aplikasi TipsdanTrik di smartphone tanpa install, buka TipsdanTrik dengan browser Chrome di smartphone. Kemudian klik ikon 3 titikdi browser dan pilih "Tambahkan ke layar utama". Selanjutnya klik aplikasi TipsdanTrik dari layar utama smartphone Anda.