Ivan Gačić u rubrici Web Marketing od

Kako brzo učitati Google Analytics Tag? Za brzo učitavanje je potrebno poznavati što se točno traži na Google PageSpeed Insight jer inače javlja da učitavanje JavaScript koda za Google Analytics blokira i usporava prikaz cijele web stranice.

* povezano sa odgovorom na pitanje: Kako Google Analytics prati sve stranice?

Prijavite se ili registrirajte kako biste odgovorili na ovo pitanje.

1 odgovor

+10 glasa
Darko Međimurec od
odabran od Ivan Gačić
 
Najbolji odgovor

Osim klasičnih metoda učitavanja Google Analytics Tag-a koje sugerira Google na svojim stranicama, postoje još neke brže, hakerske metode (!), učitavanja JavaScript koda za Google Analytics Tag, a koje neće u potpunosti zadovoljiti sve korisnike jer ne podržavaju analitiku za web trgovine (eCommerce) niti Google AdSense integriranu statistiku.

Nedostatak ovih statistika neće utjecati na rad ostale popularno-podržane analitike (posjećenost, izvor posjeta, itd.) niti na rad same web stranice, a niti na zaradu putem nje  jer npr. Google AdSense interno i dalje normalno prati zaradu od oglašavanja.

No, brzina učitavanja kod ove metode je nevjerojatna! Google PageSpeed Insights se ovime podiže i na 100% po performansama. Uvjerite se i sami.

Za ovaj ubrzani način učitavanja potrebno je dio JavaScript izvornog koda spremiti u datoteku (npr. analytics.fast.js) na serveru te ju učitati putem async (ili defer) metode iz glavnog HTML fajla:

<script async src="/analytics.fast.js"></script>

Evo tog koda za još brže učitavanje Google Analytics koji stavljate u gornji fajl:

<!-- Još brži Google Analytics sa Znatka -->
(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,"UA-XXXXX-Y",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true});

I za kraj, donosim Vam svima ovdje i NAJBRŽE UČITAVANJE za Google Analytics Tag koje možete dodati u prethodni fajl ali sa ovim izmjenjenim sadržajem JavaScript koda:

// Najbrži Google Analytics sa Znatka
var requestIdleCallback = window.requestIdleCallback ||
    function(cb) {
        const start = Date.now();
        return setTimeout(function() {
            cb({
                didTimeout: false,
                timeRemaining: function() {
                    return Math.max(0, 50 - (Date.now() - start));
                },
            });
        }, 1);
    };

requestIdleCallback(function(){

// stavite ovdje prethodni kod za još brže učitavanje !!!

}, {
    timeout:  2500
});

Timeout možete smanjiti, ostaviti na 2500 ili povećati na 3000, ovisno koliko se dugo zadržavaju općenito korisnici na Vašoj web stranici. 

Ovakva i slična rješenja možete naći i na internetu općenito, no ova sam testirao i rade super uz ograničenja koja sam naveo gore.

P.S. I ne zabravite svoj Google Analytics ID staviti umjesto UA-XXXXX-Y. :)

Slična pitanja

3 odgovora 516 👀
2 odgovora 381 👀
1 odgovor 341 👀
3 odgovora 1.1k 👀
Marina Baričanec 12.12.2013. pitanje u rubrici Web Marketing od Marina Baričanec
1 odgovor 373 👀
1 odgovor 650 👀
1 odgovor 215 👀
1 odgovor 504 👀
Znatko predstavlja

Digital Commerce & Business Conference

Umag
od 8. do 12. 05. 2024.

REGISTRACIJA
Znatko predstavlja

Umjetna inteligencija u službi prodaje

Zagreb
24. - 25. 10. 2024.

ULAZNICE

13.8k pitanja

22.5k odgovora

8.4k komentara

1.6k korisnika

...