Google Tag Manager (GTM) to narzędzie, które rewolucjonizuje zarządzanie tagami analitycznymi i marketingowymi na stronach internetowych. W jego sercu znajdują się zmienne – kluczowe elementy umożliwiające dynamiczne przechwytywanie, przechowywanie i wykorzystywanie danych.
Bez zrozumienia zmiennych nie ma mowy o zaawansowanym tagowaniu, precyzyjnym śledzeniu zachowań użytkowników ani skutecznej optymalizacji konwersji. W tym przewodniku wyjaśniamy krok po kroku, czym są zmienne w GTM, jak działają, jak je tworzyć i – co najważniejsze – jak stosować je w tagowaniu, nawet jeśli nie jesteś programistą.
Czym są zmienne w Google Tag Managerze?
Zmienne w GTM to elementy przechowujące dane, które można dynamicznie wykorzystywać w tagach, wyzwalaczach i innych zmiennych. Działają jak symbole zastępcze – zamiast wpisywać te same wartości w wielu miejscach, definiujesz zmienną raz, a GTM wstrzykuje jej aktualną wartość tam, gdzie jej potrzebujesz.
Wywołanie zmiennej następuje za pomocą konstrukcji {{nazwa-zmiennej}}, np. {{Page URL}} lub {{Click Text}}. Dzięki temu możesz elastycznie dopasować działanie kontenera GTM do warunków na stronie: URL, kliknięć, widoczności elementów czy interakcji z formularzami.
W GTM znajdziesz dwa główne typy zmiennych. Zmienne wbudowane (systemowe) są dostępne od razu po aktywacji i przechwytują podstawowe informacje o stronie oraz interakcjach (np. adres URL, tytuł strony, kliknięte elementy). Zmienne zdefiniowane przez użytkownika tworzysz samodzielnie, dopasowując je do specyficznych potrzeb witryny i implementacji.
Dzięki zmiennym zautomatyzujesz etykietowanie zdarzeń, uprościsz konfigurację tagów i zapewnisz spójność danych w całym ekosystemie analitycznym.
Rodzaje zmiennych w GTM – pełny przegląd
GTM oferuje bogaty arsenał zmiennych. Poniżej najważniejsze typy wraz z praktycznymi zastosowaniami:
1. Zmienne wbudowane (systemowe)
To gotowe narzędzia GTM, aktywowane w sekcji „Zmienne” > „Wbudowane zmienne”. Oto kluczowe przykłady i ich użycie:
- {{Page URL}} – adres aktualnej strony; idealne do reguł uruchamiających tagi na konkretnych podstronach;
- {{Click Text}} – tekst klikniętego elementu (np. treść CTA); kluczowe do śledzenia wezwań do działania;
- {{Form ID}} – identyfikator formularza; niezbędne do tagowania wysyłek formularzy kontaktowych;
- Inne – m.in. {{Page Title}}, {{Click URL}}, {{Scroll Depth}} (głębokość przewijania).
Aby je aktywować: wejdź w „Zmienne”, kliknij ikonę koła zębatego przy „Wbudowane zmienne” i zaznacz potrzebne opcje.
2. Zmienne zdefiniowane przez użytkownika
Tworzysz je ręcznie, klikając „Nowa zmienna” w sekcji „Zmienne użytkownika”. Do najpopularniejszych typów należą:
- zmienna stała – prosta wartość (np. ID pomiaru GA4 lub UA-XXXXX-X); użyteczna przy powtarzalnych konfiguracjach tagów;
- zmienna JavaScript – uruchamia niestandardowy kod JS (np. ekstrakcja wartości z elementu strony); przykład:
function() { return document.querySelector('.cena')?.innerText || ''; }– pobiera cenę produktu; - warstwa danych (Data Layer) – odczytuje dane wstrzykiwane na stronie (np. wartość transakcji, ID produktu); umożliwia niezawodne śledzenie e-commerce;
- elementu DOM / widoczności DOM – przechwytuje atrybuty HTML (np. ID, klasę) lub sprawdza, czy element jest widoczny w obszarze ekranu;
- zmienne regułowe – łączą warunki logiczne, np. „jeśli {{Page URL}} zawiera /sklep/ i {{Click Text}} = Kup teraz”.
Dla szybkiego porównania zastosowań poszczególnych typów zmiennych skorzystaj z poniższego zestawienia:
| Typ zmiennej | Zastosowanie | Przykładowa konstrukcja |
|---|---|---|
| Wbudowana ({{Click Text}}) | Śledzenie kliknięć w przyciski | Etykieta zdarzenia GA: {{Click Text}} |
| Stała | ID konta/zdarzenia Analytics | {{GA ID}} użyte w tagu Analytics |
| JavaScript | Ekstrakcja dynamicznych danych | function() { return document.querySelector('.cena')?.innerText } |
| Warstwa danych | E-commerce (np. wartość koszyka) | {{dlv – value}} |
Jak tworzyć zmienne w GTM – krok po kroku
Tworzenie zmiennej jest intuicyjne i zajmuje kilka minut:
- Otwórz konsolę GTM i przejdź do zakładki „Zmienne”.
- Kliknij „Nowa zmienna” (lub ikonę „+”).
- Wybierz typ – np. „Zmienna JavaScript” dla kodu JS.
- Skonfiguruj – nazwa: krótka, opisowa (np. „Tekst przycisku CTA”); wartość: wprowadź kod lub ustawienia (dla stałej – wpisz konkretną wartość).
- Zapisz i przetestuj w trybie podglądu.
Wskazówka – stosuj przedrostki jak „C_” dla kliknięć (Click) i „F_” dla formularzy, aby utrzymać porządek w kontenerze.
Testowanie – w trybie podglądu sprawdzaj wartości zmiennych w panelu Debug; kliknij na daną zmienną, aby zobaczyć, co zwraca w konkretnym zdarzeniu.
Jak używać zmiennych w tagowaniu – praktyczne przykłady
Zmienne najlepiej sprawdzają się w tagach i wyzwalaczach. Oto realne scenariusze dla marketerów:
Przykład 1 – śledzenie kliknięć w przyciski (CTA)
Chcesz mierzyć kliknięcia w różne przyciski z dynamicznymi etykietami? Skonfiguruj to tak:
- wyzwalacz – „Kliknięcie – wszystkie elementy”;
- tag zdarzenia GA4 – event (typ: „Zdarzenie GA4”);
- nazwa zdarzenia – button_click;
- parametr etykiety – {{Click Text}} (np. „Kup teraz” lub „Dowiedz się więcej”).
Rezultat – w raportach GA4 zobaczysz popularność konkretnych CTA, co ułatwia optymalizację konwersji.
Przykład 2 – dynamiczne tagowanie formularzy
Aby zidentyfikować, który formularz został wysłany, zastosuj następującą konfigurację:
- zmienna – {{Form ID}} (wbudowana);
- wyzwalacz – „Formularz – wysyłka formularza”;
- tag – zdarzenie „form_submit” z parametrem {{Form ID}}.
Przykład 3 – e-commerce z warstwą danych
Na stronie koszyka wyślij dane do warstwy danych, np.: dataLayer.push({ 'value': 299, 'currency': 'PLN' });. Następnie skonfiguruj:
- zmienna – Data Layer Variable „value”;
- tag zakupu – wartość transakcji: {{dlv – value}}, waluta: {{dlv – currency}}.
Przykład 4 – zaawansowany: JavaScript do przewijania lub wideo
Utwórz zmienną JS z logiką progu przewinięcia, np.: function() { return window.pageYOffset > 800 ? 'scrolled_deep' : 'not_scrolled'; }. Wykorzystaj ją tak:
- zastosowanie – uruchom tag, jeśli {{JS Scroll Depth}} = scrolled_deep.
Integracja z innymi narzędziami
Zmienne GTM świetnie współpracują z popularnymi platformami marketingowymi i analitycznymi:
- Google Analytics 4 – przekazuj zmienne jako parametry zdarzeń (np. {{Page Path}} w content_group);
- Facebook Pixel – używaj dynamicznych wartości (np. kwota i waluta) w zdarzeniach Purchase;
- reguły złożone – np. „{{Page URL}} zawiera /blog/ i {{Click URL}} zawiera .pdf” dla tagu pobrania PDF.
Najczęstsze błędy – oto pułapki, o których warto pamiętać:
- nieaktywowane wbudowane zmienne,
- błędy w kodzie JS (korzystaj z kreatora zmiennych GTM i testów w podglądzie),
- brak przekazywania danych do warstwy danych przez dewelopera lub szablon.
Zaawansowane wskazówki i najlepsze praktyki
Aby utrzymać porządek i wiarygodność danych w długim terminie, zastosuj sprawdzone praktyki:
- nazewnictwo – stosuj spójne konwencje, np. „EV_Produkt_Nazwa” dla eventów;
- debugowanie – w podglądzie filtruj po zmiennych i korzystaj z konsoli przeglądarki (F12);
- wydajność – ogranicz liczbę niestandardowych zmiennych JS; nadmiar może spowalniać stronę;
- bezpieczeństwo – nie przechowuj danych wrażliwych (PII) w zmiennych ani warstwie danych;
- skalowanie – porządkuj elementy w folderach i wersjonuj kontener przy każdej istotnej zmianie.
Zmienne czynią GTM potężnym narzędziem precyzyjnego tagowania, a lepsza jakość danych przekłada się bezpośrednio na skuteczniejsze decyzje biznesowe i wyższy ROI kampanii.
Ćwiczenie dla Ciebie – stwórz zmienną {{CTA Tekst}} i oznacz kliknięcia na landing page’u. W GA4 sprawdzisz, które przyciski konwertują najlepiej!
