Ak spúšťate eshop, spravujete PPC kampane alebo sa staráte o marketing, možno ani netušíte, že už samotný typ vášho webu môže spôsobiť, že v Google Analytics uvidíte menej konverzií, než v skutočnosti máte.

Rozdiel medzi Single Page Application (SPA) a klasickou viacstránkovou aplikáciou (MPA) totiž nie je len technická drobnosť pre vývojárov.

Ovplyvňuje:

  • rýchlosť načítania stránok,

  • používateľský zážitok,

  • a hlavne presnosť dát v Google Tag Manageri a GA4.

V tomto článku sa dozviete:

  • čo je SPA a čo je „normálny“ web

  • ako rozdiely vplývajú na meranie

  • najčastejšie chyby, ktoré spôsobujú stratu alebo skreslenie dát

  • a ako im predísť, aby ste sa mohli spoľahnúť na svoje čísla

Ako web vidí váš prehliadač?

Webstránky dnes používajú rôzne CMS a programovacie frameworky.

Jedným zo spôsobov, ako ich rozdeliť, je:

  • multi page application (MPA) – viacstránkový web,

  • single page application (SPA) – jednostránková aplikácia.

„Aplikácia“ je tu myslená ako kompletný súbor HTML, obrázkov a interakcií.

Môže všetko načítať naraz (SPA) alebo postupne podľa toho, na akú URL sa dostanete (MPA).

Multi Page Application (MPA) – klasický web

Najrozšírenejší typ webu – sieť samostatných, prepojených HTML stránok. Každá stránka sa načíta z úložiska na serveri – HTML, obrázky, inštrukcie.

Prehliadač ich „poskladá“ ako stavebnicu.

Čo to znamená pre používateľa?

Kliknete na odkaz ➡️ stránka sa načíta odznova ➡️ starý obsah sa nahradí novým. Neuložené informácie sa strácajú.

Výhody MPA:

  • Jednoduchšie použitie a správa obsahu.

  • Lepšie indexovanie pre SEO.

  • Menej závislé od výkonu zariadenia.

  • Menej závislosti od JavaScriptu.

Single Page Application (SPA)

Všetky potrebné zdroje sa načítajú naraz pri prvom otvorení stránky. Obsah sa potom mení bez opätovného načítania celej stránky – o zobrazenie sa stará prehliadač.

Bežne využíva frameworky React, Angular alebo Vue.

Napr. Google Maps, webmail – po kliknutí sa stránka nenačítava celá, ale mení sa len obsah.

Hlavné výhody:

  • Rýchlejšia odozva.

  • JavaScript dynamicky mení obsah bez zbytočného načítania.

  • Dáta často zostávajú uložené aj pri prechode medzi časťami webu.

Ako typ webu vníma Google Tag Manager?

Každý skript na stránke sa správa podľa toho, či ide o MPA alebo SPA.

  • MPA – skripty sa načítajú pri každej novej stránke. Predchádzajúci stav sa stratí.

  • SPA – skripty sa načítajú iba raz a zachytávajú aktivitu počas celej návštevy.

Problém 1: Duplicitné zobrazenia stránok v SPA

SPA často používa history change trigger – zmenu URL ako signál pre novú stránku.

Problém je, že:

  • Aj minimálna zmena adresy (napr. ?color=blue) spustí nový page_view.

  • GTM to vyhodnotí ako novú podstránku, hoci používateľ len zmenil filter.

Dopad na biznis:

➡️ Návštevnosť a konverzie sa v reportoch nafúknu, čo skreslí úspešnosť kampaní.

Problém 2: Strata alebo neprepisovanie hodnôt parametrov

MPA – strata údajov

Ak konverzný proces obsahuje viac krokov na rôznych stránkach:

  • Pri prechode na ďalšiu stránku sa stratia údaje z predchádzajúceho kroku (používateľské údaje, cena, vybraný produkt).

  • Výsledok: prázdne riadky v reportoch.

Riešenie:

Potrebný zásah developera cez dataLayer alebo iné riešenie.

SPA – neprepisovanie údajov

  • Dáta z predchádzajúcich interakcií ostávajú uložené, aj keď by sa mali vymazať.

  • Ak sa parametre neprepíšu, GTM odošle staré hodnoty spolu s novou udalosťou.

Dopad na biznis:

➡️ Môžete vyhodnocovať nesprávne tlačidlá/produkty, čo vedie k zlým rozhodnutiam.

Problém 3: Neodoslané dáta

  • MPA – ak sa stránka načíta príliš rýchlo, udalosť z GTM nemusí stihnúť odoslať dáta.

  • SPA – blokovanie udalostí pri nesprávne nastavených triggroch, ktoré sa spoliehajú na premenné.

Dopad na biznis:

➡️ Časť konverzií sa do Analytics nikdy nedostane.

Ako týmto problémom predísť

1. Nastavenie merania cez dataLayer

  • V spolupráci s developerom.

  • Definujte presné informácie, ktoré potrebujete.

  • Zabezpečíte si konkrétne a správne dáta v správnom kontexte.

2. Využitie cookies a localStorage

  • Cookies – na označenie používateľa alebo splnenej podmienky.

  • LocalStorage – na bezpečnejšie uloženie citlivejších údajov (len v danom prehliadači).

3. Vlastné JavaScriptové premenné

  • V SPA kontrolovať vyhodnocovanie premenných – môžu zostať uložené aj po zmene obsahu.

  • V MPA ich použiť na vytiahnutie dát z HTML podľa predchádzajúcich krokov používateľa.

Zhrnutie

  • MPA: každé načítanie znamená stratu neuloženého obsahu.

  • SPA: zaznamenáva všetku aktivitu, pokiaľ sa stránka znova nenačíta.

🔍 Kľúčové je mať správne nastavené meranie, aby ste:

  • neprichádzali o dáta,

  • nemali duplicitné záznamy,

  • a mohli sa rozhodovať podľa presných čísel

Zaujíma vás marketing a analytika? Bežte si pozrieť aj náš Instagram. 👈