Przejdź do treści

GTM. Trigger History Change. Page view w SPA i headless storefront.

Na czym to polega w sklepie

History Change reaguje na zmiany history.pushState / replaceState i hashchange. W SPA klasyczny Page View trigger nie wystarczy - bez History Change GA4 widzi tylko pierwsze wejście.

Przykład ze sklepu internetowego

Headless React storefront - po przejściu na /koszyk bez reloadu:

Trigger: History Change
Trigger Type: History Change

// Tag 1: GA4 Event page_view (lub Configuration z send_page_view override)
Event Name: page_view
page_location = {{Page URL}}
page_title = {{Page Title}}

// Front powinien też pushować kontekst:
dataLayer.push({ event: 'virtual_pageview', page_type: 'cart' });

Co zrobić po stronie biznesu

  • Włącz Preview i klikaj nawigację SPA - sprawdź, czy każda trasa generuje hit.
  • Ecommerce SPA: push view_item przy zmianie route na PDP, nie tylko page_view.
  • Unikaj podwójnego page_view - albo GA4 config auto, albo ręczny event na History Change.

W skrócie

History Change jest wymagany w SPA. Bez niego raporty stron i lejka ecommerce są zaniżone do jednego URL startowego.