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. :)

Možda Vas zanimaju i ova pitanja...

3 odgovora 636 👀
2 odgovora 564 👀
1 odgovor 403 👀
3 odgovora 1.2k 👀
Marina Baričanec 12.12.2013. pitanje u rubrici Web Marketing od Marina Baričanec
1 odgovor 445 👀
1 odgovor 846 👀
1 odgovor 230 👀
1 odgovor 699 👀
Znatko predstavlja

Blockchain tehnologije

Zagreb
14. - 16. 01. 2025.

KUPI ULAZNICU
Znatko predstavlja

Ući, rasti i poveži se!

Zagreb
22. 02. 2025.

KUPI ULAZNICU

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

15.5k pitanja

25.2k odgovora

10.1k komentara

1.7k korisnika

...