Headless (composable) e-shopy oddělují frontend (např. React/Vue) od backendu a obsahu. Pro zákazníka rychlejší a pružnější web — pro měření ale nové výzvy. Tady je, na co si u headless dát pozor a jak server-side tracking zapadá.
Proč je headless pro měření jiné
- Vlastní frontend. Hotová e-commerce platforma data layer obvykle dodá; u headless si ho musíte implementovat sami ve frontend frameworku.
- SPA / client-side routing. Stránky se často nepřenačítají celé — události musíte odpalovat při přechodech ručně, ne spoléhat na pageload.
- Více zdrojů dat. Frontend, API, backend — měření musí dávat smysl napříč nimi.
Na co si dát pozor
- Implementujte čistý data layer ve frontendu. U headless je to ta nejdůležitější (a nejčastěji opomíjená) část. Bez něj měření nestojí — viz data layer.
- Odpalujte e-commerce eventy správně. view_item, add_to_cart, purchase musí vznikat při reálných akcích, ne při každém re-renderu.
- Hlídejte hodnotu a transaction_id. Z API musí přijít správně, ať lze deduplikovat a měřit tržby.
Jak server-side zapadá
Server-side tracking funguje s headless stejně jako jinde: frontend pošle událost do web GTM a ten do server-side kontejneru. Headless navíc dává příležitost posílat některé eventy přímo z backendu (např. potvrzenou objednávku), což je ještě spolehlivější než z prohlížeče. Princip server-to-server vysvětluje co je Conversions API.
Shrnutí
U headless commerce nerozhoduje platforma, ale to, jak dobře implementujete data layer a odpálíte eventy ve vlastním frontendu. Server-side tracking pak data spolehlivě rozešle — a u headless lze část měření posunout i na backend. Začněte kompletním průvodcem.