Zpět na články

Google tag manager - nezbytnost pro analytiku v roce 2025

Datalayer v roce 2025 je klíčový pro efektivní práci s daty a marketingovou automatizaci. V kombinaci s Google Tag Managerem (GTM) umožňuje marketérům a klientům sbírat a využívat data bez neustálých zásahů programátorů, což přináší rychlost, flexibilitu a přesnost. V článku najdete i praktické ukázky, jak vypadají data v datalayeru a jak s nimi pracovat v GTM.

Datalayer v roce 2025: Klíčový nástroj pro data-driven marketing

V digitálním marketingu je datalayer nepostradatelným prvkem. Funguje jako most mezi webovou stránkou a marketingovými nástroji, jako je Google Analytics 4, Google Ads nebo Facebook Pixel. V roce 2025 je jeho role ještě důležitější, protože umožňuje marketérům a analytikům pracovat s daty efektivněji bez nutnosti neustálých zásahů programátorů. Datalayer je ve své podstatě JavaScriptový objekt, který uchovává informace o uživatelských interakcích na webu, jako jsou kliknutí, nákupy nebo zobrazení produktů. Díky správnému nastavení datalayeru může klient získat detailní přehled o chování uživatelů a optimalizovat své marketingové kampaně.

Ukázky, jak vypadají data v datalayeru

Pro lepší představu, jak data vypadají, zde jsou typické příklady událostí, které programátor připraví do datalayeru. V GTM se pak na základě těchto událostí a dat vytváří měřící tagy.

1. Zobrazení stránky s produktem (product view)

Když uživatel klikne na produkt, datalayer se naplní informacemi o daném produktu. To umožňuje měřit, jaké produkty jsou nejčastěji prohlíženy. V GTM pak můžete vytvořit událost `view_item` pro GA4, která odešle tyto informace.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'view_item',
  'ecommerce': {
    'items': [{
      'item_id': 'SKU_12345',
      'item_name': 'Dámská zimní bunda',
      'affiliation': 'Online shop',
      'currency': 'CZK',
      'index': 0,
      'item_brand': 'Značka A',
      'item_category': 'Oblečení',
      'price': 2999.00
    }]
  }
});
</script>

2. Přidání produktu do košíku (add to cart)

Když uživatel přidá produkt do košíku, datalayer zaznamená událost `add_to_cart`. Díky tomu můžete analyzovat, které produkty jsou často vkládány do košíku, ale nejsou nakonec zakoupeny.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'add_to_cart',
  'ecommerce': {
    'items': [{
      'item_id': 'SKU_12345',
      'item_name': 'Dámská zimní bunda',
      'affiliation': 'Online shop',
      'currency': 'CZK',
      'item_brand': 'Značka A',
      'item_category': 'Oblečení',
      'price': 2999.00,
      'quantity': 1
    }]
  }
});
</script>

3. Dokončení objednávky (purchase)

Nejdůležitější událostí je dokončená objednávka. Tato data obsahují detailní informace o transakci, což je klíčové pro měření konverzí a návratnosti investic (ROAS) v reklamních systémech.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'transaction_id': 'T_123456789',
    'value': 3599.00,
    'currency': 'CZK',
    'tax': 0,
    'shipping': 600.00,
    'items': [{
      'item_id': 'SKU_12345',
      'item_name': 'Dámská zimní bunda',
      'price': 2999.00,
      'quantity': 1
    }, {
      'item_id': 'SKU_67890',
      'item_name': 'Dámská čepice',
      'price': 600.00,
      'quantity': 1
    }]
  }
});
</script>

Jak pracovat s daty z datalayeru v Google Tag Manageru (GTM)

Proces práce s daty z datalayeru v GTM je poměrně jednoduchý, pokud je datalayer správně nastaven. Klíčové jsou dva základní prvky: proměnné a spouštěče.

1. Vytváření proměnných (Variables)

Proměnné slouží k extrahování dat z datalayeru. V GTM si je musíte nejprve definovat, aby je pak bylo možné použít v Tagu (např. Google Analytics Tagu). Pro každý kousek dat, který chcete získat (např. ID produktu, cena, název), vytvoříte novou proměnnou.

  • V GTM přejděte do sekce Variables a klikněte na New.
  • Vyberte typ proměnné Data Layer Variable.
  • Do pole Data Layer Variable Name zadejte cestu k datům. Například pro získání ceny produktu z události `view_item` by cesta byla ecommerce.items.0.price. Pro získání ID transakce z `purchase` události by cesta byla ecommerce.transaction_id.
  • Pojmenujte proměnnou (např. `dlv_product_price` nebo `dlv_transaction_id`).

 

2. Vytváření spouštěčů (Triggers)

Spouštěč určuje, kdy se má tag aktivovat. Pro datalayer se používá typ spouštěče Custom Event, který se aktivuje na základě názvu události (eventu) v datalayeru.

  • V GTM přejděte do sekce Triggers a klikněte na New.
  • Vyberte typ spouštěče Custom Event.
  • Do pole Event Name zadejte přesný název události z datalayeru (např. view_item, add_to_cart nebo purchase).
  • Pojmenujte spouštěč (např. `ce_view_item` nebo `ce_purchase`).

 

3. Propojení proměnných a spouštěčů s Tagem

Nakonec vytvoříte samotný tag (např. Google Analytics: GA4 Event). V konfiguraci tagu použijete:

  • Event Name: Zadejte název události, který chcete posílat do GA4 (např. purchase).
  • Event Parameters: Zde přidáte proměnné, které jste vytvořili v předchozím kroku (např. `transaction_id`, `value`, `currency` atd.) a přiřadíte jim odpovídající hodnoty z datalayeru pomocí vytvořených proměnných (např. `{{dlv_transaction_id}}`).
  • Triggering: Jako spouštěč přiřadíte spouštěč, který jste vytvořili (např. `ce_purchase`).

Možnosti jsou prakticky neomezené. V roce 2025 je datalayer standardem, bez kterého se efektivní práce s daty neobejde. Správné nastavení a využití GTM přináší klientům svobodu a kontrolu nad jejich daty, což je klíčové pro optimalizaci digitálních kampaní a růst obchodu.

Autor

David Kojecký

Programátor ve společnosti Codefit a vývojář pro Mobilní lékárna CZ

Související články

wave
Srovnání portálů, kde koupit webové a e-mailové šablony v roce 2025

Hledáte nejlepší místa pro nákup webových, e-mailových nebo prezentačních šablon? Porovnáváme největší portály jako ThemeForest, TemplateMonster a Creative Market. Zjistěte, kde najít největší výběr pro WordPress, jaké jsou cenové modely a na co se zaměřit při výběru té nejlepší šablony pro váš projekt.

Zjednodušte si správu dat v Laravelu: Srovnání admin nástaveb (Nova, Filament, Backpack)

Laravel admin panely jako Filament, Laravel Nova a Backpack dramaticky urychlují vývoj administrace tím, že automatizují CRUD operace (Create, Read, Update, Delete) pro Eloquent modely. Zjistěte, který "konfigurátor" je nejvhodnější pro váš projekt.

Nejlepší grafické programy pro webdesign v roce 2025

V roce 2025 se trh s nástroji pro webdesign neustále vyvíjí, s dominancí nástrojů jako Figma a Adobe XD. Tento článek provede detailní srovnání nejdůležitějších programů, zhodnotí jejich výhody a nevýhody a poradí vám, který nástroj je nejlepší pro vaše projekty.

Komentáře (2)

wave
  • Hana Stratilová

    Hana Stratilová

    14.09. 2025

    Potřebovala jsem si na web jednoduše vložit live chat přes smartsupp a přes GTM je to strašně pohodlný!

  • Jakub Konečný

    Jakub Konečný

    14.09. 2025

    GTM je fakt super nástroj, žádný vkládání kódu do náhodných míst webu ale čistá správa z jednoho místa. Používám už přes rok a s každou blbostí nemusím otravovat programátora 👍

¨

Zanechat komentář

wave