Ako merať rýchlosť načítania stránky pomocou GTM?

V aktuálnej verzii GA4 nie sú dostupné reporty ani metriky o dĺžke načítania stránok. Hoci Google tieto metriky môže v budúcnosti do GA4 pridať, existuje spôsob, ako tento údaj sledovať už teraz. Poďme si ukázať, ako môžete pomocou Google Tag Managera nastaviť meranie času načítania stránok a získať užitočné údaje priamo v Google Analytics 4.

Krok 1: Vytvorenie premennej

Najskôr si musíte vytvoriť vlastnú JavaScriptovú premennú, ktorá bude obsahovať nasledujúci kód. Tento krok je nevyhnutný pre správne sledovanie času načítania stránky pomocou Google Tag Managera.

Takže prejdite do časti „Premenné“ na ľavom bočnom paneli a kliknite na „Nová“.

Následne vyberte typ premennej: „Vlastný kód v jazyku JavaScript“.

Po vybraní typu premennej do nej nakopírujte tento kód:

Pod poľom s kódom otvorte rozbaľovacie okno s položkou Formátovať hodnotu. Zakliknite možnosť „Konvertovať hodnotu undefined na“ a ako hodnotu zadajte „0“.

To znamená, že ak sa časovanie nepodarí, premenná vráti nulovú hodnotu. Premennú pomenujte a uložte.

Krok 2: Vytvorenie spúšťača

Prejdite do časti Spúšťače. Stlačte tlačidlo „Nový“ na vytvorenie spúšťača.

Vyberte typ spúšťača „Okno bolo načítané“.

Ponechajte možnosť „Všetky udalosti po načítaní okna“ a uložte spúšťač. Tento spúšťač sa spustí po úplnom načítaní stránky v prehliadači.

Následne vytvorte ďalší spúšťač s časom načítania stránky menším ako 0. V tomto prípade musíte vybrať typ spúšťača Vlastná udalosť.

Ako názov udalosti zadajte .* a kliknite na začiarkavacie políčko pre použitie regexu.

Potom musíme vybrať možnosť „Niektoré vlastné udalosti“, kedy sa má spúšťač spustiť, a vybrať našu vytvorenú premennú s JavaScriptom - Dĺžka Načítania Stránky.

Zadajte hodnotu, ktorá je menšia ako 0. Zabráni to spusteniu značky, ak premenná vráti hodnotu 0. Spúšťač pomenujte a uložte.

Krok 3: Vytvorenie značky

Teraz, keď máte vlastnú premennú JavaScriptu, ktorá zachytáva dĺžku načítania stránky a spúšťač, je čas vytvoriť značku udalosti GA4. Tento tag odošle čas načítania do služby Google Analytics 4.

Prejdite na položku „Značky“ a kliknite na položku „Nový“. Následne Kliknite na Google Analytics a vyberte možnosť „Google Analytics: udalosť GA4“.

Predpokladáme, že máte implementovaný identifikátor merania a vytvorenú značku Google. Následne pridajte názov udalosti ako page_load_time, prípadne použite vlastné pomenovanie tak, aby ste vedeli túto hodnotu rozoznať v GA4. Pri pomenovaní udalosti nepoužívajte medzery a diakritiku. Maximálna dĺžka názvu udalosti môže byť 40 znakov.

Následne kliknite na Parametre udalosti a pridajte parameter loading_time_sec ako hodnotu vložte vašu vytvorenú premennú „Dĺžka Načítania Stránky“.

Posledným krokom je pripojenie spúšťačov k značke. Ako spúšťač musíte pridať „Zobrazenie stránky - Okno bolo načítané“.

Potom musíme v časti Výnimky pridať náš ďalší spúšťač. Vyberieme spúšťač „Čas načítavania stránky menší ako 0“. Týmto sa zabráni spusteniu značky, ak má premenná času načítania stránky hodnotu menšiu ako nula.

Následne značku pomenujte a uložte. Kliknite na náhľad, zadajte adresu URL svojej stránky a prejdite na stránku. Vráťte sa do Tag Assistant (okno s udalosťami) a uvidíte, že značka je spustená.

Kliknutím na „Premenné“ uvidíte vašu premennú s hodnotou načítania stránky v sekundách.

Po skontrolovaní či všetko funguje, nezabudnite v Správcovi značiek kliknúť na „Odoslať“ a publikovať tak vaše zmeny.

Zobrazenie času načítania stránky v reportoch Google Analytics 4

Čas načítania stránok sa teraz odosiela do služby Google Analytics. Na jeho zobrazenie v rámci reportov to však nestačí. Ďalšou vecou, ktorú musíme urobiť, je zaregistrovať parameter loading_time_sec v systéme GA4.

Otvorte svoje konto GA4> kliknite na položku Správca (vľavo dole) > Zobrazenie údajov > Vlastné definície > Vlastné metriky. Kliknite na „Vytvoriť vlastnú metriku“.

Metriku pomenujte ako Dĺžka načítania stránky, vyberte parameter udalosti, ktorý sme nastavili v GTM - loading_time_sec, a ako jednotku merania vyberte Sekundy.

Uložte metriku a teraz ju uvidíte v reportoch.

Reporting dĺžky načítania stránky v Google Analytics 4

Začnite tým, že prejdete do časti „Preskúmať“ a vytvoríte novú prázdny prieskum.

Začnime pridaním segmentov a metrík, ktoré chcete zobraziť, a ich importovaním do panela po kliknutí na „+“. Ako dimenziu sme zvolili Cesta stránky a reťazec dopytu, ako metriku Zobrazenia a našu vytvorenú vlastnú metriku Dĺžka načítania stránky. Po vybratí segmentov a metrík kliknite vpravo hore na „Potvrdiť“.

Kliknutím môžete pridať segmenty a metriky ako riadky, stĺpce a hodnoty. Takto vytvoríte report s dĺžkou načítania stránok.