Google Tag Manager – Kompletny poradnik dla początkujących

Strona główna » Google Tag Manager » Google Tag Manager – Kompletny poradnik dla początkujących

W tym poradniku opowiem Ci, dlaczego Google Tag Manager (GTM) to obowiązkowe narzędzie dla efektywnego marketingu i analityki.

Dowiesz się, jaki problem rozwiązuje GTM, jak założyć w nim konto, jak wygląda to narzędzie w środku oraz poznasz kilka przykładowych zastosowań.

No to co? Zobaczmy, jak to wygląda w praktyce 💪

Skrót (TL;DR)

→ Wdróż GTM dla zarządzania kodami śledzącymi
→ Dodaj tagi, wyzwalacze i zmienne, by wysyłać zdarzenia do narzędzi
→ Testuj rozwiązania w trybie poglądu, potem prześlij i publikuj wersję kontenera

Video tutorial

Problem w mnogości kodów śledzących

Większość narzędzi analitycznych i systemów marketingowych wymaga umieszczenia kodu śledzącego w strukturze strony.

Jeśli na stronie masz tylko jeden prosty fragment kodu (np. Google Analytics), to sprawa jest prosta.

Wdrażasz go na stronie i zapominasz o temacie.

W praktyce jednak większość stron korzysta z kilku narzędzi, takich jak np. Google Analytics, Google Ads, Meta Ads czy Microsoft Clarity.

Każde narzędzie to z kolei oddzielny kod śledzący.

Ponadto, aby w pełni wykorzystać możliwości tych narzędzi, uzbraja się je w dodatkowe zdarzenia wysyłane ze strony, co jeszcze bardziej zwiększa liczbę kodów śledzących.

Schemat przedstawiający problem mnogości tagów na stronach internetowych
Schemat przedstawiający problem mnogości tagów na stronach internetowych

Jak widzisz na powyższym schemacie, robi się tego dużo.

Wisienką na torcie z kolei jest Consent Mode (tryb wyrażania zgody na śledzenie), który również wymaga odpowiednich ustawień, aby móc legalnie zbierać dane o użytkownikach.

I tu z pomocą przychodzi Google Tag Manager.

Czym jest Google Tag Manager?

Google Tag Manager (Menedżer tagów Google, GTM) to bezpłatne narzędzie, które ułatwia zarządzanie tagami (fragmentami kodów śledzących), służącymi do zbierania danych w narzędziach analitycznych i systemach reklamowych.

GTM najczęściej używa się do analityki stron internetowych, ale może być także wykorzystywany do śledzenia aplikacji mobilnych.

GTM sam w sobie nie jest narzędziem analitycznym. Jest on jedynie technicznym pośrednikiem w zbieraniu danych pomiędzy stroną internetową a innymi narzędziami.

Schemat przedstawiający sposób działania Google Tag Managera oraz wdrażania przez niego różnych narzędzi
Schemat przedstawiający sposób działania Google Tag Managera oraz wdrażania przez niego różnych narzędzi

Oprócz tego, że Google Tag Manager pozwala łatwo wdrażać tagi śledzące, posiada wiele dodatkowych zalet.

Należą do nich między innymi:

  • Niski próg wejścia – stosunkowo łatwo i szybko osadzisz skrypty na swojej stronie internetowej bez umiejętności kodowania i pomocy programistów.
  • Utrzymanie porządku – wszystkie ustawienia masz w jednym miejscu, z możliwością podzielenia ich na foldery. Dzięki temu podczas wykonywania działań analitycznych i marketingowych łatwo odnajdziesz się w mnogości tagów.
  • Możliwość testowania – zanim opublikujesz dane rozwiązanie na stronie internetowej, możesz „na brudno” sprawdzić, czy wszystko działa poprawnie. Dzięki temu unikniesz potencjalnych błędów.
  • Zapewnienie szybkości – wdrożenie tylko jednego tagu zamiast kilku zapewnia szybsze ładowanie Twojej strony internetowej (co oczywiście wpływa na ranking SEO).
  • Bezpieczeństwo – nie masz możliwości naruszenia kodu źródłowego Twojej strony internetowej. W przypadku wystąpienia problemów z działaniem skryptu możesz go szybko wyłączyć.
  • Historia zmian – w szybki i prosty sposób możesz wrócić do poprzednich ustawień.
  • Komfort pracy – interfejs narzędzia jest bardzo przyjazny dla użytkownika. Przy pracy w zespole możesz łatwo udostępnić swoje konto innym osobom.
  • Gotowe rozwiązania – możesz korzystać z gotowych szablonów ustawień. Ponadto możesz tworzyć własne, by potem importować je na inną stronę internetową.
  • Darmowość – w podstawowym wydaniu narzędzie jest całkowicie bezpłatne.
Schemat przedstawiający zalety stosowania Google Tag Managera
Schemat przedstawiający zalety stosowania Google Tag Managera

Jak widzisz – potencjał tego narzędzia jest duży.

Jednak aby efektywnie wykorzystać GTM w pracy, musisz poznać jego strukturę konta.

Struktura konta Google Tag Manager

Założenie konta Google Tag Manager jest możliwe jedynie wtedy, gdy posiadasz konto Google.

Założenie Gmaila lub konta w Google Workspace automatycznie tworzy konto Google (stąd częste utożsamianie tych pojęć), jednak konto Google nie wymaga posiadania Gmaila.

W obrębie konta GTM wyróżnia się kontenery, tagi, reguły oraz zmienne.

Te elementy zależą od siebie, a ich relacje zobaczysz na poniższym schemacie.

Schemat przedstawiający zależności między kontem, kontenerami, tagami, regułami i zmiennymi w Google Tag Manager
Schemat przedstawiający zależności między kontami, kontenerami, tagami, regułami i zmiennymi w Google Tag Manager

Konto Google

Konto Google to najwyższy poziom struktury w ramach usług Google dla firm.

W ramach jednego konta Google możesz skorzystać z wielu kont GTM. Jeśli pracujesz jako marketer, to umożliwi Ci to zarządzanie tagami na kontach klientów.

Zrzut ekranu panelu Google Tag Manager z listą kont i kontenerów
Zrzut ekranu panelu Google Tag Manager z listą kont i kontenerów

Konto GTM

Konto GTM stanowi jedną z dostępnych usług Google dla firm.

Zwykle dla jednego konta GTM tworzy się jeden kontener. Drugi kontener może być tworzony dla odseparowania części ustawień lub wdrożenia server-side trackingu.

Kontener

Kontener (ang. container) to „pojemnik”, który gromadzi komplet tagów, reguł i zmiennych, służących do użycia na konkretnej platformie.

Schemat porównujący zarządzanie tagami bez i z GTM.
Schemat przedstawiający uproszczenie zarządzania tagami dzięki kontenerowi Google Tag Manager

Tagi

Tagi (ang. tags) to niewielkie fragmenty kodu, zazwyczaj napisane w języku JavaScript. Służą one do określenia, co powinno być wywołane na platformie.

Tagi rejestrują zachowania lub zdarzenia na platformie i przesyłają je dalej do innych narzędzi analitycznych lub marketingowych.

Przykładami tagów mogą być:

  • tag Google Analytics,
  • tag Google Ads,
  • tag Meta Ads (z biblioteki rozwiązań).
Zrzut ekranu panelu Google Tag Manager z wyborem typu tagu
Zrzut ekranu panelu Google Tag Manager z wyborem typu tagu

Reguły

Reguły (ang. Triggers) to warunki, jakie muszą być spełnione, aby dany tag mógł zostać uruchomiony.

Każdy tag w GTM potrzebuje przynajmniej jednej reguły, która określa, kiedy ma być uruchamiany.

Przykładami reguł mogą być:

  • wyświetlanie tagu na każdej podstronie,
  • wyświetlenie tagu przy otwarciu podstrony zawierającej słowo „oferta”, np. www.twojastrona.pl/oferta.
Zrzut ekranu panelu Google Tag Manager z wyborem typu reguły
Zrzut ekranu panelu Google Tag Manager z wyborem typu reguły

Zmienne

Zmienne (ang. Variables) – to komponenty, które ulegają zmianom w zależności od działań użytkownika na platformie.

Ich główną rolą jest przechowywanie i przekazywanie wartości, najczęściej dynamicznych. Ułatwiają one pracę i umożliwiają automatyzację powtarzalnych działań.

W GTM zmienne są wykorzystywane zarówno w tagach, jak i regułach. Wyróżnia się w nim zmienne wbudowane oraz zdefiniowane przez użytkownika.

Przykładami zmiennych mogą być:

  • identyfikator usługi Google Analytics, który jest stosowany w różnych tagach,
  • zmienna w regule stanowiąca filtr, określająca kiedy reguła ma się uruchamiać (np. kiedy zmienna „URL” zawiera adres www.twojastrona.pl/index.html).
Zrzut ekranu panelu Google Tag Manager z wyborem typu zmiennej wbudowanej
Zrzut ekranu panelu Google Tag Manager z wyborem typu zmiennej wbudowanej
Zrzut ekranu panelu Google Tag Manager z wyborem typu zmiennej zdefiniowanej
Zrzut ekranu panelu Google Tag Manager z wyborem typu zmiennej zdefiniowanej

Interfejs Google Tag Managera

Po wejściu do kontenera znajdziesz się w obszarze roboczym, gdzie znajduje się kilka sekcji.

Lewe menu nawigacyjne

Lewe menu nawigacyjne jest najważniejszą sekcją w obszarze robocznym.

Znajdziesz tam listy stworzonych przez Ciebie:

  • tagów – lista wszystkich tagów w kontenerze,
  • wyzwalaczy – lista reguł/triggerów,
  • zmiennych – wbudowane i zdefiniowane przez użytkownika,
  • folderów – opcjonalne, do porządkowania elementów,
  • szablonów – galeria rozwiązań od społeczności i dostawców.

Szablony dają bardzo dużo możliwości dostosowania kontenera Google Tag Manager do własnych potrzeb (wdrożenie nietypowych zmiennych oraz tagów tworzonych przez społeczność).

Zrzut ekranu przedstawiający lewe menu nawigacyjne w Google Tag Manager
Zrzut ekranu przedstawiający lewe menu nawigacyjne w Google Tag Manager

Obszar roboczy

Obszar roboczy jest podsumowaniem tego, co aktualnie się dzieje w kontenerze.

Znajdziesz tutaj podsumowania związane z:

  • nazwę obszaru roboczego (domyślnie „Default Workspace”),
  • podsumowania na temat jakości kontenera,
  • podsumowania na temat liczby elementów oraz wdrożonych zmian.

Warto od czasu do czasu spojrzeć, jakie wskazówki Google Tag Manager daje na temat jakości kontenera, aby wychwycić ewentualne błędy w ustawieniach.

Zrzut ekranu przedstawiający obszar roboczy w Google Tag Manager
Zrzut ekranu przedstawiający obszar roboczy w Google Tag Manager

Wersje zmian

W zakładce „Wersje” możesz podpatrzeć, jakie ustawienia były robione w historii kontenera Google Tag Managera.

Dodatkowo, klikając 3 kropki przy każdej wersji, możesz powrócić do jej stanu.

Zrzut ekranu przedstawiający zakładkę wersji kontenerów w Google Tag Manager
Zrzut ekranu przedstawiający zakładkę wersji kontenerów w Google Tag Manager

Administracja

W administracji znajdziesz wszystko, co jest dodatkowo związane z kontem i kontenerem Google Tag Managera.

Wśród istotnych opcji w tej sekcji można wymienić:

  • opcję nadawania uprawnień do konta i kontenera,
  • ustawienia związane z trybami udzielania zgód na śledzenie,
  • możliwość importowania i eksportowania kontenera.
Zrzut ekranu przedstawiający sekcję administracji w Google Tag Manager
Zrzut ekranu przedstawiający sekcję administracji w Google Tag Manager

Tryb podglądu

Tryb podglądu jest opcją, która umożliwia sprawdzenie, w jaki sposób działają nasze ustawienia.

Tryb podglądu to Twoje podstawowe narzędzie kontroli jakości.

Zrzut ekranu przedstawiający lokalizację przycisku trybu podglądu w Google Tag Manager
Zrzut ekranu przedstawiający lokalizację przycisku trybu podglądu w Google Tag Manager

Wchodząc w niego, musisz wpisać link do podstrony, w której będziesz sprawdzać swoje ustawienia, a następnie kliknąć „Połącz”.

Zrzut ekranu przedstawiający możliwość połączenia się ze swoją stroną w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający możliwość połączenia się ze swoją stroną w trybie podglądu w Google Tag Manager

Po połączeniu pojawią się dwa okna.

Pierwsze z nich to Twoja podstrona z parametrem świadczacym że jest to tryb poglądu.

Zrzut ekranu przedstawiający okno strony internetowej w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający okno strony internetowej w trybie podglądu w Google Tag Manager

Drugie okno to tryb debugowania z panelem GTM (listą zdarzeń po lewej i detalami tagów na dole).

Zrzut ekranu przedstawiający okno trybu podglądu wraz z sekcjami zdarzeń oraz tagów w Google Tag Manager
Zrzut ekranu przedstawiający okno trybu podglądu wraz z sekcjami zdarzeń oraz tagów w Google Tag Manager

Możesz śledzić, przy którym zdarzeniu tag został uruchomiony, jakie parametry zostały wysłane i dlaczego tag nie odpalił, jeśli warunek nie został spełniony.

Praktyczne wykorzystanie trybu podglądu znajduje się w przykładach w dalszej części artykułu.

Publikacja

Jeśli jesteśmy pewni naszych ustawień, trzeba wysłać nasz kontener z ustawieniami do publikacji.

Jeśli nie wyślemy kontenera do publikacji, wszystkie nasze ustawienia są w trybie „na brudno” i nie będą one działały na stronie.

Zrzut ekranu przedstawiający lokalizację przycisku do publikacji kontenera w Google Tag Manager
Zrzut ekranu przedstawiający lokalizację przycisku do publikacji kontenera w Google Tag Manager

Po kliknięciu w przycisk „prześlij” będziemy musieli nazwać wersję naszego kontenera (warto zadbać o porządek).

Od tego momentu wszystkie nasze ustawienia będą już w fazie produkcyjnej

Zrzut ekranu przedstawiający podsumowanie opublikowanego kontenera w Google Tag Manager
Zrzut ekranu przedstawiający podsumowanie opublikowanego kontenera w Google Tag Manager

Wdrożenie GTM na stronie internetowej

Po utworzeniu konta wyświetlą Ci się fragmenty skryptów GTM.

Są to tagi zbiorcze (kontenery) i zawierają ustawienia GTM.

Aby uzyskać dostęp do skryptów, kliknij unikalny kod w górnym pasku menu.

Zrzut ekranu przedstawiający lokalizację unikalnego identyfikatora ID kontenera w Google Tag Manager
Zrzut ekranu przedstawiający lokalizację unikalnego identyfikatora ID kontenera w Google Tag Manager

Jak widzisz, są dwa rodzaje kodów:

  • w pierwszym szarym oknie znajduje się kod docelowy, przeznaczony do umieszczania w sekcji <head> witryny,
  • w drugim szarym oknie znajduje się kod dla przeglądarek, które nie wspierają JavaScriptu. Jest on przeznaczony do umieszczania w sekcji <body> witryny.

Zazwyczaj na witrynie umieszczamy jedynie kod w sekcji <head> witryny. Kod do sekcji możesz olać – bo kto używa przeglądarki nie wspierającej JavaScript? 🙃

Nie kopiuj kodu do i z programu Word. Może on automatycznie podmienić niektóre znaki specjalne, co spowoduje utratę poprawności kodu.

Zrzut ekranu przedstawiający kody umożliwiające zainstalowanie Google Tag Managera na stronie internetowej
Zrzut ekranu panelu Google Tag Manager z instrukcjami dotyczącymi kodów kontenera sekcji head i body

Jeśli działasz z programistami, wystarczy napisać do nich i poprosić o umieszczenie kodu GTM w odpowiednim miejscu na stronie.

W przypadku braku takiej możliwości, do wyboru jest korzystanie z dedykowanych wtyczek do tego celu lub samodzielne wklejenie kodu siedzącego w strukturze strony.

Sposób #1 – Dydakowana wtyczka

Większość systemów do zarządzania treścią ma dedykowane wtyczki do wdrożenia Google Tag Managera.

Poniżej pokażę, w jaki sposób to zrobić dla WordPressa (dla innych systemów zarządzania treścią robi się to w sposób analogiczny).

Wejdź do obszaru roboczego kontenera Google Tag Managera i skopiuj swój unikalny kod kontenera.

Zrzut Zrzut ekranu przedstawiający lokalizację unikalnego identyfikatora ID kontenera w Google Tag Managerekranu przedstawiający lokalizację unikalnego identyfikatora ID kontenera w Google Tag Manager
Zrzut ekranu przedstawiający lokalizację unikalnego identyfikatora ID kontenera w Google Tag Manager

Następnie w panelu administracyjnym WordPressa wejdź w zakładkę „Wtyczki”, a następnie kliknij „Dodaj nową”.

Teraz wyszukujemy wtyczkę „GTM4WP – A Google Tag Manager (GTM) plugin for WordPress„, zainstaluj ją i aktywuj na stronie.

Zrzut ekranu przedstawiający możliwość zainstalowania wtyczki dla wdrożenia Google Tag Manager w WordPress
Zrzut ekranu przedstawiający możliwość zainstalowania wtyczki dla wdrożenia Google Tag Manager w WordPress

Następnie wejdź w ustawienia wtyczki, wklej unikalny kod kontenera w formularz i zapisz zmiany.

W przypadku wtyczki GTM4WP, pamiętaj, że przy opcji Container code musi być zaznaczona opcja „ON”.

Zrzut ekranu przedstawiający wklejenie identyfikatora ID kontenera GTM do wtyczki WordPressa
Zrzut ekranu przedstawiający wklejenie identyfikatora ID kontenera GTM do wtyczki WordPressa

Sposób #2 – Umieszczenie kodu w sekcji <head>

W pierwszej kolejności musisz wejść na nasze konto GTM, kliknąć swój unikalny kod kontenera, przejść do okna z kodami i skopiować tag przeznaczony do sekcji .

Zrzut ekranu przedstawiający możliwość kopiowania kodu do wdrożenia Google Tag Manager na stronie internetowej
Zrzut ekranu przedstawiający możliwość kopiowania kodu do wdrożenia Google Tag Manager na stronie internetowej

Następnie przejdź do miejsca, gdzie znajduje się sekcja <head> Twojej strony.

Dla WordPressa znajdziesz go w:
🚩 Wygląd → Edytor plików motywu → header.php

Uwaga, jeśli nie czujesz się dobrze w operowaniu kodami, odpuść sobie tę metodę, bo możesz popsuć strukturę, usuwając jakiś znak.

Jeśli z jakiegoś względu nie chcesz korzystać z wtyczki, której używałem w poprzednim sposobie, oraz nie chcesz mieszać w kodach źródłowych strony – zainstaluj inną, tę, która umożliwi Ci wklejenie kodów śledzących w sekcji.

Zrzut ekranu przedstawiający możliwość zainstalowania wtyczki do umieszczenia elementów w sekcji header oraz footer na WordPressie
Zrzut ekranu przedstawiający możliwość zainstalowania wtyczki do umieszczenia elementów w sekcji header oraz footer na WordPressie

Po instalacji i aktywacji takiej wtyczki wejdź w jej ustawienia, wklej kod i kliknij zapisz.

Zrzut ekranu przedstawiający wklejenie kodu Google Tag Managera w sekcji head strony internetowej
Zrzut ekranu przedstawiający wklejenie kodu Google Tag Managera w sekcji head strony internetowej

Szybkie sprawdzenie poprawności dodania kodu GTM

Aby szybko sprawdzić, czy Twój kod został poprawnie wdrożony na stronie, wejdź do okienka z kodami w Google Tag Manager.

Na dole, w trzecim punkcie, wklej adres strony i kliknij „Przetestuj”.

Komunikat o braku wykrycia tagu świadczy o niepoprawnym wdrożeniu. Jeśli pojawi się zielony ptaszek, to znaczy, że jest ok.

Zrzut ekranu przedstawiający sposób testowania witryny w kontekście poprawnego wdrożenia Google Tag Managera
Zrzut ekranu przedstawiający sposób testowania witryny w kontekście poprawnego wdrożenia Google Tag Managera

Dostosowanie i ustawienia konta GTM

Jest kilka rzeczy, które możesz zrobić, aby uprościć i uprzyjemnić swoją pracę w Google Tag Managerze.

Poniżej moja lista 👇

Wtyczka Tag Assistant (Chrome)

Zainstaluj rozszerzenie Tag Assistant od Google.

Ułatwia ono debugowanie, daje dodatkową zakładkę i listę aktywnych tagów na stronie.

Zrzut ekranu przedstawiający wtyczkę Tag Assistance pomocnej w pracy z Google Tag Manager
Zrzut ekranu przedstawiający wtyczkę Tag Assistance pomocnej w pracy z Google Tag Manager

Utwórz wyzwalacz „All clicks”

Na start przejdź do:
🚩 Wyzwalacze → Stwórz regułe typu „Wszystkie kliknięcia” (All Clicks).

Przydaje się do testów i do podejrzenia, jakie dane ujawniają się przy różnych kliknięciach, co ułatwia późniejsze zawężanie reguł.

Zrzut ekranu przedstawiający stworzenie reguły kliknięcia wszystkich elementów w Google Tag Manager
Zrzut ekranu przedstawiający stworzenie reguły kliknięcia wszystkich elementów w Google Tag Manager

Włącz wszystkie zmienne wbudowane

Przejdź do:
🚩 Zmienne → Włącz wszystkie dostępne zmienne wbudowane.

Dzięki temu w trybie podglądu zobaczysz dużo więcej danych przy każdym zdarzeniu i łatwiej zbudujesz precyzyjne reguły.

Zrzut ekranu przedstawiający włączanie wszystkich zmiennych wbudowanych w Google Tag Manager
Zrzut ekranu przedstawiający włączanie wszystkich zmiennych wbudowanych w Google Tag Manager

Włączenie trybu udzielania zgody (Consent Mode)

Przejdź do:
🚩 Administracja → Ustawienia kontenerów → Włącz przegląd ustawień uszyskiwania zgody.

To pozwoli integrować GTM z systemami zarządzającymi cookie i warunkowo odpalać tagi w zależności od zgód użytkownika.

Zrzut ekranu przedstawiający włączenia opcji związanej z trybem uzyskiwania zgody na śledzenie w Google Tag Manager
Zrzut ekranu przedstawiający włączenia opcji związanej z trybem uzyskiwania zgody na śledzenie w Google Tag Manager

Nadanie uprawnień

Przejdź do:
🚩 Administracja → Zarządzanie użytkownikami → Dodaj użytkowników..

Rekomenduję przyznać co najmniej jednego dodatkowego administratora – to zabezpieczenie przed utratą dostępu do konta Google.

Zrzut ekranu przedstawiający dodanie drugiego administratora do konta w Google Tag Manager
Zrzut ekranu przedstawiający dodanie drugiego administratora do konta w Google Tag Manager

Nazewnictwo elementów

Porządek ułatwi Ci oraz innym osobom z dostępem do GTM pracę. Dzięki nazewnictwu można łatwo określić, czego dotyczy dany element.

Osobiście stosuję kilka prostych reguł nazewnictwa:

  • dla tagów: nazwa narzędzia – czego dotyczy (np. GA4 Event – click_url),
  • dla reguł: typ reguły – czego dotyczy (np. click_url – /blue),
  • dla zmiennych: typ zmiennej – czego dotyczy (np. cjs – document_title).

Polecam Ci wszystko pisać w języku angielskim i notacji nazewniczej snake_case (np. add_to_cart).

Dlaczego angielski?
W praktyce narzędzia i dokumentacja mieszają języki, a angielski ujednolica współpracę z innymi zespołami i systemami.

Dlaczego snake_case?
Dlatego że jest to tożsame z automatycznymi zdarzeniami, które są tworzone na przykład w Google Analyticsie, więc trzymamy się konwencji nazewniczej zaproponowanej przez Google.

Schemat przedstawiający, w jaki sposób nazywać tagi, reguły oraz zmienne w Google Tag Manager
Schemat przedstawiający, w jaki sposób nazywać tagi, reguły oraz zmienne w Google Tag Manager

Przykłady zastosowań

Poniżej opisuję praktyczne wdrożenia, które pokażą zasady działania GTM i nauczą, jak konfigurować tagi, wyzwalacze i zmienne.

Stworzenie zmiennej ID

Zanim przejdziemy do scenariuszy, warto zrobić jeszcze jedną rzecz, która ułatwi nam pracę.

Stworzymy zmienną, która będzie przechowywała identyfikator ID, w naszym wypadku dla Google Analytics.

W Google Analytics przejdź do:
🚩 Administracja → Strumienie danych → skopiuj identyfikator pomiaru (Measurement ID) zaczynający się od litery G.

Zrzut ekranu przedstawiający lokalizację identyfikatora pomiaru Google Analytics 4
Zrzut ekranu przedstawiający lokalizację identyfikatora pomiaru Google Analytics 4

W Google Tag Manager przejdź do:
🚩 Zmienne → Nowa → typ „Stała” → wklej identyfikator GA4 → nazwij np. „GA4 ID” lub „Constant – GA4 ID” Zapisz.

Zrzut ekranu przedstawiający stworzenie w GTM zmiennej "stała", zawierającej identyfikator pomiaru Google Analytics 4
Zrzut ekranu przedstawiający stworzenie w GTM zmiennej „stała”, zawierającej identyfikator pomiaru Google Analytics 4

Od tego momentu będzie można wykorzystać zmienną przy tagach z Google Analyticsa i nie trzeba będzie przeklejać tego kodu za każdym razem z innych tagów lub ze strumienia danych.

Przykład 1 – Wdrożenie Google Analytics 4

Zacznijmy od najprostszego scenariusza, czyli wdrożenia Google Analytics 4.

Są tutaj dwa proste kroki do wykonania:

  • Stworzenie tagu Google (reguła doda się automatycznie),
  • Sprawdzenie rozwiązań w GTM/GA4.
Schemat przedstawiający scenariusz wdrożenia tagu Google Analytics 4 w Google Tag Manager
Schemat przedstawiający scenariusz wdrożenia tagu Google Analytics 4 w Google Tag Manager

W pierwszej kolejności przejdź do:
🚩 Tagi → Nowy → Tag Google → w polu Identyfikatora tagu wybierz zmienną GA4 ID → Reguła: „Initialization – All Pages” → nazwa tagu „GA4 Config” → Zapisz.

Zrzut ekranu przedstawiający główny  tag Google Analytics 4 w Google Tag Manager
Zrzut ekranu przedstawiający główny tag Google Analytics 4 w Google Tag Manager

Dalej wejdź w:
🚩 Tryb Poglądu → Wpisz adres podstrony → sprawdź, czy tag odpala się przy wejściu na stronę → opublikuj zmiany.

Zrzut ekranu przedstawiający poprawność wdrożenia głównego tagu w Google Analytics 4 w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający poprawność wdrożenia głównego tagu w Google Analytics 4 w trybie podglądu w Google Tag Manager

Na końcu sprawdź w Google Analytics w trybie DebugView, czy zobaczysz odbiór zdarzeń.

Jeśli masz pewność co do ustawień, opublikuj kontener GTM.

Zrzut ekranu przedstawiający odbiór zdarzenia wyświetlenia strony w trybie poglądu Google Analytics
Zrzut ekranu przedstawiający odbiór zdarzenia wyświetlenia strony w trybie poglądu Google Analytics 4

Przykład 2 – Śledzenie kliknięć w linki z określonym parametrem

Załóżmy, że chcesz rejestrować kliknięcia tylko w linki, które zawierają „parametr p” w URL (np. mojastrona/p/kaczka).

Dla takiego scenariusza musisz:

  • stworzyć regułę „Tylko linki” i zawęzić ją do linków zawierających „p”,
  • stworzyć tag zdarzenia Google i podpiąć wcześniej utworzoną regułę,
  • sprawdzić rozwiązania w GTM/GA4.
Schemat przedstawiający scenariusz wdrożenia zdarzenia klikalności podobnych linków w Google Tag Manager
Schemat przedstawiający scenariusz wdrożenia zdarzenia klikalności podobnych linków w Google Tag Manager

W pierwszej kolejności przejdź do:
🚩 Tryb podglądu → kliknij interesujący link → w panelu podglądu sprawdź wartość Click URL i znajdź fragment, który chcesz wychwycić.

Zrzut ekranu przedstawiający tryb podglądu oraz zmienną "Click URL" w Google Tag Manager
Zrzut ekranu przedstawiający tryb podglądu oraz zmienną „Click URL” w Google Tag Manager

Dalej wejdź w:
🚩 Wyzwalacze → Nowy → Typ: Kliknięcie – Linki → Warunek: Click URL zawiera „/p/” → nazwij ją np. Click URL – /p → Zapisz.

Uwaga: Złe użycie operatora „zawiera” może złapać niechciane przypadki. Np. „Click URL zawiera /p” wyłapie „mojastrona/p/kaczka”, ale też „mojastrona/b/paczka” – ponieważ oba przypadki zawierają „/p”

Zrzut ekranu przedstawiający tworzenie reguły click URL z parametrem p w Google Tag Manager
Zrzut ekranu przedstawiający tworzenie reguły click URL z parametrem p w Google Tag Manager

Następnie przejdź do:
🚩 Tagi → Nowy → Google Analytics: zdarzenie GA4 → w polu Identyfikatora tagu wybierz zmienną GA4 ID → Reguła: wcześniej utworzona → nazwa tagu np. „GA4 Event click_url_p” → Zapisz.

Zrzut ekranu przedstawiający tag zdarzenia click URL z parametrem p w Google Tag Manager
Zrzut ekranu przedstawiający tag zdarzenia click URL z parametrem p w Google Tag Manager

W dalszej kolejności wejdź w:
🚩 Tryb Poglądu → Wpisz adres podstrony → sprawdź, czy tag odpala się przy wejściu na stronę.

Zrzut ekranu przedstawiający poprawność wdrożenia tagu zdarzenia click URL z parametrem p w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający poprawność wdrożenia tagu zdarzenia click URL z parametrem p w trybie podglądu w Google Tag ManagerDla takiego scenarius

Na końcu sprawdź w Google Analytics w trybie DebugView, czy zobaczysz odbiór zdarzeń.

Jeśli masz pewność co do ustawień, opublikuj kontener GTM.

Zrzut ekranu przedstawiający odbiór zdarzenia kliknięcia w URL w trybie poglądu Google Analytics
Zrzut ekranu przedstawiający odbiór zdarzenia kliknięcia w URL w trybie poglądu Google Analytics 4

Przykład 3 – Widoczność elementu (element visibility)

Chcesz wiedzieć, czy kluczowy obrazek lub sekcja była widoczna dla użytkownika (np. hero image, ważne CTA).

Dla takiego scenariusza musisz:

  • sprawdzić unikalną klasę CSS lub ID dla elementu,
  • stworzyć regułę „Widoczność elementu” i zawęzić ją do swojego elementu,
  • stworzyć tag zdarzenia Google i podpiąć wcześniej utworzoną regułę,
  • sprawdzić rozwiązania w GTM/GA4.
Schemat przedstawiający scenariusz wdrożenia zdarzenia widoczności elementu w Google Tag Manager
Schemat przedstawiający scenariusz wdrożenia zdarzenia widoczności elementu w Google Tag Manager

W pierwszej kolejności w przeglądarce:
🚩 Wybierz element → kliknij prawym przyciskiem → Inspect → znajdź klasę lub ID elementu (np. class=”harold” lub id=„harold”).

Zrzut do ekranu przedstawiający unikalną klasę CSS dla danego elementu
Zrzut do ekranu przedstawiający unikalną klasę CSS dla danego elementu

Dalej wejdź w:
🚩 Wyzwalacze → Nowy → Typ: Widoczność elementu → wybór selektora CSS lub ID (jeśli klasa, to dodaj kropkę: .harold, jeśli ID, to #harold) → ustaw minimalny procent widoczności (np. 1% lub 50%) i sposób liczenia (once per page lub every time) → nazwij np. EV – img_harold → Zapisz.

Zrzut ekranu przedstawiający tworzenie reguły widoczności elementu w Google Tag Manager
Zrzut ekranu przedstawiający tworzenie reguły widoczności elementu w Google Tag Manager

Następnie przejdź do:
🚩 Tagi → Nowy → Google Analytics: zdarzenie GA4 → w polu Identyfikatora tagu wybierz zmienną GA4 ID → Reguła: wcześniej utworzona → nazwa tagu np. „GA4 Event view_item_img_harold” → Zapisz.

Zrzut ekranu przedstawiający tag zdarzenia widoczności elementu w Google Tag Manager
Zrzut ekranu przedstawiający tag zdarzenia widoczności elementu w Google Tag Manager

W dalszej kolejności wejdź w:
🚩 Tryb Poglądu → Wpisz adres podstrony → sprawdź, czy tag odpala się przy wyświetleniu elementu.

Zrzut ekranu przedstawiający poprawność wdrożenia tagu zdarzenia widoczności elementu w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający poprawność wdrożenia tagu zdarzenia widoczności elementu w trybie podglądu w Google Tag Manager

Na zakończenie zweryfikuj w DebugView Google Analytics, czy zdarzenia docierają do systemu.

Gdy potwierdzisz poprawność konfiguracji, opublikuj kontener w Google Tag Managerze.

Zrzut ekranu przedstawiający odbiór zdarzenia widoczności elementu w trybie poglądu Google Analytics
Zrzut ekranu przedstawiający odbiór zdarzenia widoczności elementu w trybie poglądu Google Analytics 4

Przykład 4 – Śledzenie błędu 404

Przykład pokazuje, jak wykorzystać niestandardową zmienną, która zwraca document.title, aby wychwycić strony „Strony nie znaleziono„.

Dla takiego scenariusza musisz:

  • stworzyć zmienną zwracającą tytuł strony,
  • stworzyć regułę „Wyświetlenie strony” i zawęzić ją do stron z tytułem błędu,
  • stworzyć tag zdarzenia Google i podpiąć wcześniej utworzoną regułę,
  • sprawdzić rozwiązania w GTM/GA4.
Schemat przedstawiający scenariusz wdrożenia śledzenia zdarzenia błędu 404 w Google Tech Manager
Schemat przedstawiający scenariusz wdrożenia śledzenia zdarzenia błędu 404 w Google Tech Manager

W pierwszej kolejności w przeglądarce:
🚩 Zmienne → Nowa → Typ: niestandardowy kod JavaScript. → wklej prostą funkcję zwracającą document.title (możesz skorzystać z gotowego snippeta) → nazwij cjs – document.title → zapisz.

Zrzut ekranu przedstawiający tworzenie zmiennej niestandardowego kod JavaScript zwracający tytuł strony w Google Tag Manager
Zrzut ekranu przedstawiający tworzenie zmiennej niestandardowego kod JavaScript zwracający tytuł strony w Google Tag Manager

Dalej wejdź w:
🚩 Wyzwalacze → Nowy → Typ: Wyświetlenie strony. → Warunek: cjs – document.title zawiera „Strona nie została znaleziona” (lub fraza występująca w Twoim szablonie 404) → nazwij PV – error 404 → zapisz.

Zrzut ekranu przedstawiający tworzenie reguły wyświetlenia strony z błędem 404 w Google Tag Manager
Zrzut ekranu przedstawiający tworzenie reguły wyświetlenia strony z błędem 404 w Google Tag Manager

Następnie przejdź do:
🚩 Tagi → Nowy → Google Analytics: zdarzenie GA4 → w polu Identyfikatora tagu wybierz zmienną GA4 ID → Reguła: wcześniej utworzona → nazwa tagu np. „GA4 Event error_404” → Zapisz.

Zrzut ekranu przedstawiający tag zdarzenia wyświetlenia strony z błędem 404 w Google Tag Manager
Zrzut ekranu przedstawiający tag zdarzenia wyświetlenia strony z błędem 404 w Google Tag Manager

W dalszej kolejności wejdź w:
🚩 Tryb Poglądu → Wpisz adres podstrony błędu → sprawdź, czy tag odpala się przy odpaleniu strony

Zrzut ekranu przedstawiający poprawność wdrożenia tagu wyświetlenia strony z błędem 404 w trybie podglądu w Google Tag Manager
Zrzut ekranu przedstawiający poprawność wdrożenia tagu wyświetlenia strony z błędem 404 w trybie podglądu w Google Tag Manager

Na koniec przejdź do DebugView w Google Analytics i sprawdź, czy zdarzenia są rejestrowane.

Jeżeli ustawienia są poprawne, możesz opublikować kontener GTM.

Zrzut ekranu przedstawiający odbiór zdarzenia błędu 404 w trybie poglądu Google Analytics
Zrzut ekranu przedstawiający odbiór zdarzenia błędu 404 w trybie poglądu Google Analytics 4

Podsumowanie

Google Tag Manager (GTM) to centrum zarządzania tagami, które pozwala wdrażać i testować śledzenie (GA4, Ads, Meta) oraz eventy bez grzebania w kodzie strony.

Dzięki debugowaniu, wersjom i Consent Mode szybciej zbierasz pewne dane i lepiej optymalizujesz kampanie.

Najczęściej zadawane pytania (FAQ)

Czy Google Tag Manager jest niezbędny do prowadzenia skutecznej analityki?

GTM nie jest wymagany do prostego liczenia wizyt, ale jest absolutnie kluczowy do skalowania działań marketingowych i precyzyjnego targetowania. Bez niego jesteś skazany na podstawowe, często mylące statystyki.

Brak GTM oznacza konieczność angażowania programistów do wdrożenia każdego piksela czy kodu konwersji. To drastycznie wydłuża czas reakcji na zmiany rynkowe i generuje dodatkowe koszty obsługi technicznej.

Podejmując współpracę ze mną, wdrażam architekturę GTM, która daje Ci pełną niezależność i możliwość błyskawicznego uruchamiania nowych kampanii bez ingerencji w kod strony.

LSI: wdrożenie analityki, kody śledzące, niezależność marketera, optymalizacja czasu, skalowanie kampanii

Czym w praktyce różni się GTM od Google Analytics 4?

Google Tag Manager to „centrum dowodzenia”, które zarządza wysyłaniem danych, natomiast Google Analytics 4 to narzędzie, które te dane odbiera, przetwarza i wizualizuje w raportach.

Mylenie tych pojęć prowadzi do luk w strategii pomiarowej. GTM decyduje „kiedy” i „co” wysłać (np. kliknięcie w telefon), a GA4 interpretuje to jako konkretną konwersję wpływającą na ROI.

W ramach współpracy ze mną konfiguruję ten ekosystem tak, aby dane przekazywane przez GTM były idealnie odzwierciedlone w raportach, na których opierasz decyzje budżetowe.

LSI: zbieranie danych, system analityczny, zarządzanie tagami, różnice GTM GA4, integracja narzędzi

Jak uniknąć chaosu w tagach przy rozbudowanym marketingu?

Sekretem jest utrzymanie sterylnego porządku poprzez rygorystyczne nazewnictwo i strukturę folderów od pierwszego dnia działania konta.

Bałagan w kontenerze (np. „Tag 1”, „FB nowy”) uniemożliwia szybką diagnozę, dlaczego konwersje się nie zliczają. To prowadzi do błędnych decyzji optymalizacyjnych i przepalania budżetu.

Korzystając z mojej pomocy, otrzymujesz „czysty”, logicznie poukładany kontener, w którym każdy element ma swoje miejsce, co ułatwia audyt i rozwój analityki.

LSI: struktura konta GTM, nazewnictwo tagów, higiena danych, zarządzanie kontenerem, audyt analityczny

Jak bezpiecznie zainstalować GTM na WordPress bez pomocy programisty?

Najbezpieczniejszą metodą dla marketerów jest wykorzystanie dedykowanych wtyczek (np. GTM4WP), które minimalizują ryzyko uszkodzenia wizualnej warstwy strony.

Ręczna edycja plików motywu (header.php) przez osoby nietechniczne często kończy się „wysypaniem” witryny. Błędne wpięcie kodu może też zablokować ładowanie się innych skryptów.

Podejmując współpracę ze mną, przeprowadzam bezinwazyjną instalację i konfigurację warstwy danych, gwarantując stabilność działania Twojego serwisu.

LSI: instalacja GTM WordPress, wtyczka GTM4WP, edycja kodu źródłowego, bezpieczeństwo strony, data layer

Jak mieć pewność, że wdrożone tagi zbierają poprawne dane?

Jedyną drogą do pewności jest weryfikacja wdrożenia w trybie podglądu (Preview Mode) oraz trybie debugowania GA4 przed jakąkolwiek publikacją zmian.

Uruchamianie kampanii na „nieprzetestowanych” tagach to hazard. Często zdarza się, że tag się odpala, ale nie przesyła wartości zamówienia, co czyni optymalizację ROAS niemożliwą.

W ramach współpracy ze mną uczę Cię procedur weryfikacyjnych, dzięki którym wyeliminujesz błędy pomiarowe zanim wydasz pierwszą złotówkę na reklamy.

LSI: tryb podglądu GTM, debugowanie analityki, weryfikacja konwersji, Tag Assistant, jakość danych

Jak mierzyć kliknięcia w konkretne elementy wpływające na sprzedaż?

Możemy precyzyjnie śledzić każdy element (przycisk „Kup”, link do oferty) tworząc w GTM reguły oparte o unikalne klasy CSS, ID lub fragmenty URL.

Standardowe GA4 nie wie, który przycisk jest dla Ciebie ważny. Bez ręcznej konfiguracji zdarzeń tracisz wiedzę o mikro-konwersjach, które prowadzą użytkownika do zakupu.

Korzystając z mojej pomocy, mapuję kluczowe punkty styku na stronie i zamieniam zwykłe kliknięcia w wartościowe dane do optymalizacji UX i sprzedaży.

LSI: śledzenie zdarzeń, eventy niestandardowe, click tracking, mikro-konwersje, analityka zachowań

Czy mogę sprawdzić, czy użytkownicy rzeczywiście oglądają moją ofertę?

Tak, wykorzystując zaawansowaną reguł „Element Visibility” w GTM, która rejestruje faktyczne wyświetlenie konkretnej sekcji na ekranie użytkownika.

Samo wejście na podstronę (Page View) nie oznacza, że klient dotarł do kluczowych informacji. Opieranie się tylko na odsłonach daje fałszywy obraz zaangażowania.

Podejmując współpracę ze mną, wdrażam pomiar głębokości wizyt, dzięki czemu wiesz, gdzie dokładnie tracisz uwagę potencjalnych klientów i co należy poprawić.

LSI: widoczność elementu, scroll tracking, zaangażowanie użytkownika, optymalizacja treści, retention

Dodaj komentarz

Napisz do mnie

Paweł Piekarski
Paweł Piekarski PhD, Analityk eCommerce Marketing oparty na danych

Dane kontaktowe

+48 725 473 745

poczta@pawelpiekarski.pl

linkedin.com/in/pawelpiekarskipl

    Wysyłając wiadomość, zgadzasz się na kontakt i przetwarzanie danych zgodnie z polityką prywatności.