Kode Google Analytics Minimalis Ringan Untuk Website WordPress Dan Blogger

Salah satu kunci optimasi SEO adalah seberapa cepat website kamu siap berinteraksi dengan pengunjung.
Fakta Air Mata
Kode Google Analytics Minimalis Ringan Untuk Website WordPress Dan Blogger

Salah satu kunci optimasi SEO adalah seberapa cepat website kamu siap berinteraksi dengan pengunjung.

Untuk melakukan analisis pengunjung tersebut, kamu bisa menggunakan beberapa tools dari pihak ketiga. Salah satu tools populer yang dipakai adalah Google Analytics.

Namun, tahukah kamu bahwa kode yang diberikan oleh Google Analytics itu sendiri berperan dalam memperlambat kecepatan website kamu?

Google Analytics menggunakan Gtag.js (66kb) dan Analytics.js (44kb). Gtag.js sebagai kombinasi dari Analytics.js dan Conversion.js yang dipakai oleh AdWords sedangkan Analytics.js adalah kode standar Google Analytics itu sendiri.

Sekilas Tentang Google Analytics

Google Analytics adalah layanan gratis dari Google untuk menganalisis perilaku pengujung pada website yang terhubung dengan mereka.

Manfaat Google Analytics

Menurut haibae.com, ini manfaat yang bakal diperoleh dari penggunaan Google Analytics pada website kamu:

  • Membantu menganalisis kegiatan pemasaran online
  • Membantu menganalisis perilaku pengunjung
  • Mendapatkan ide dan wawasan baru dalam bisnis dengan data
  • Membantu menganalisis rangking keyword pada website
  • Membantu menganalisis konten lama dan baru
  • Membantu menganalisis Adwords dalam bisnis
  • Membantu menganalisis bounce rate pada website
  • Membantu menganalisis session duration pada website

Kenapa Kode Google Analytics Lambat?

  1. Google Tag Manager dan Analytics — Kode terbaru dari Google yang memuat 73kB dikarenakan adanya kode gtag.js tersembunyi pada kode terbaru tersebut, kode yang seharusnya hanya 20kB untuk memuat kode Google Analytics.
  2. Permasalahan pada HTTP Request — Kode Google Analytics memuat 2 kali request, pertama pada googletagmanager.com dan kedua pada google-analytics.com ini menjadikan pengunjung harus mengunduh sebanyak 2 kali ketika diakses.
  3. Leverage Browser CachingCaching pada kode Google Analytics hanya berlaku setiap 2 jam, Ini menjadikan website kamu tidak terbantu dengan adanya Cache yang tersimpan.

Cara Optimasi Google Analytics Ringan untuk Website, WordPress dan Blogger

Memasang kode modifikasi Google Analytics berikut ini, kamu cukup letakan pada elemen tag sebelum </body> untuk optimasi lebih baik.

Bagi pengguna WordPress, bisa tambahkan plugin Insert Headers and Footers untuk mempermudah menambahkan kodenya.

Ini untuk versi yang telah di-minify:


<script>
(function(a,b,c){var d=a.history,e=document,f=navigator||{},g=localStorage,
h=encodeURIComponent,i=d.pushState,k=function(){return Math.random().toString(36)},
l=function(){return g.cid||(g.cid=k()),g.cid},m=function(r){var s=[];for(var t in r)
r.hasOwnProperty(t)&&void 0!==r[t]&&s.push(h(t)+"="+h(r[t]));return s.join("&")},
n=function(r,s,t,u,v,w,x){var z="https://www.google-analytics.com/collect",
A=m({v:"1",ds:"web",aip:c.anonymizeIp?1:void 0,tid:b,cid:l(),t:r||"pageview",
sd:c.colorDepth&&screen.colorDepth?screen.colorDepth+"-bits":void 0,dr:e.referrer||
void 0,dt:e.title,dl:e.location.origin+e.location.pathname+e.location.search,ul:c.language?
(f.language||"").toLowerCase():void 0,de:c.characterSet?e.characterSet:void 0,
sr:c.screenSize?(a.screen||{}).width+"x"+(a.screen||{}).height:void 0,vp:c.screenSize&&
a.visualViewport?(a.visualViewport||{}).width+"x"+(a.visualViewport||{}).height:void 0,
ec:s||void 0,ea:t||void 0,el:u||void 0,ev:v||void 0,exd:w||void 0,exf:"undefined"!=typeof x&&
!1==!!x?0:void 0});if(f.sendBeacon)f.sendBeacon(z,A);else{var y=new XMLHttpRequest;
y.open("POST",z,!0),y.send(A)}};d.pushState=function(r){return"function"==typeof d.onpushstate&&
d.onpushstate({state:r}),setTimeout(n,c.delay||10),i.apply(d,arguments)},n(),
a.ma={trackEvent:function o(r,s,t,u){return n("event",r,s,t,u)},
trackException:function q(r,s){return n("exception",null,null,null,null,r,s)}}})
(window,"XX-XXXXXXXXX-X",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true});
</script>

Kode tersebut hanya berukuran 1.5kB, kamu cukup ganti kode "xx-xxxxxxxxx-x" dengan kode Google Analytics kamu dan pasang di website kamu.