151 pregleda
Ivan Gačić u rubrici Web Marketing od Ivan Gačić (8.7k bodova)

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

+9 glasa
Darko Međimurec od Darko Međimurec (31.0k bodova)
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

2 odgovora
2 odgovora
Zoran Marković 28.09.2015. pitanje u rubrici Web Marketing od Zoran Marković (4.0k bodova)
2 odgovora
1 odgovor
3 odgovora
Marina Baričanec 12.12.2013. pitanje u rubrici Web Marketing od Marina Baričanec (4.7k bodova)
1 odgovor
Marina Baričanec 06.05.2017. pitanje u rubrici Web Marketing od Marina Baričanec (4.7k bodova)
Znatko medijski pokriva

eCommAwards 2023

MONEY MOTION 2023

Udruga eCommerce Hrvatska

Zagreb, 28.03.2023.
PRIJAVE
Znatko medijski pokriva

WINE EnoGASTRO Vip Event 2023

WINE EnoGASTRO Vip Event 2023


Rijeka, 1. ožujka 2023.
Novigrad (Istra), 3. ožujka 2023.
Split, 15. ožujka 2023.
Zadar, 17. ožujka 2023.
Zagreb, 29. ožujka 2023.

Besplatan ulaz za uzvanike
Znatko medijski pokriva
WEEKEND FOOD FESTIVAL 2023
Najbolja gastronomija, hrana i catering

Rovinj, 14. - 16. 4. 2023.
ULAZNICE
Znatko medijski pokriva
Superprodavač 2023
Kako prodavati kupcima budućnosti?

Zagreb, 19. i 20.10.2023.
ULAZNICE

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

10.5k pitanja

16.8k odgovora

4.2k komentara

1.3k korisnika

...