Konfiguracja Google Tag Manager – porządek w tagach
Przenosimy kody śledzące z szablonu strony do jednego kontenera GTM, budujemy warstwę danych i ustawiamy tagi tak, by uruchamiały się tylko wtedy, gdy pozwala na to zgoda użytkownika.
Zdarzenia na żywopage_view/ofertascroll90%generate_leadformularzpurchasezamówieniepage_view/kontakt
LCPINPCLS
Warstwa danych dataLayerTagi, reguły i zmienneZgody i Consent Mode
Na wielu stronach kody śledzące narastają warstwami: GA4 wklejony w motywie, piksel Meta dodany wtyczką, tag konwersji Google Ads w stopce, do tego coś po poprzedniej agencji. Nikt nie wie, co dokładnie się uruchamia, część kodów się dubluje, a każda zmiana wymaga edycji plików strony. Google Tag Manager porządkuje ten obszar – wszystkie tagi trafiają do jednego kontenera, w którym widać, co, kiedy i na jakich warunkach się uruchamia.
Konfigurujemy GTM od strony technicznej i organizacyjnej. Instalujemy kontener, wdrażamy warstwę danych dataLayer przekazującą informacje ze strony lub sklepu, tworzymy tagi, reguły i zmienne według spójnego nazewnictwa, a na koniec publikujemy opisaną wersję. Dzięki temu kolejne zmiany – nowy piksel, nowe zdarzenie, test narzędzia do map ciepła – wprowadzisz w kontenerze w kilka minut, bez ryzyka, że coś zepsujesz na stronie.
W skrócie
01Wszystkie kody śledzące w jednym kontenerze zamiast w szablonie
02Warstwa danych dataLayer z informacjami o zdarzeniach i produktach
03Tagi uruchamiane tylko po zgodzie użytkownika
04Wersje, uprawnienia i dokumentacja kontenera
01
Zakres konfiguracji Google Tag Manager
01
Instalacja i audyt kontenera
Instalujemy nowy kontener lub przeglądamy istniejący: usuwamy martwe tagi, duplikaty i kody wklejone równolegle w szablonie strony.
02
Warstwa danych dataLayer
Projektujemy i wdrażamy dataLayer z danymi o formularzach, stronie i koszyku, żeby tagi nie polegały na kruchych selektorach CSS.
03
Tagi, reguły i zmienne
Tworzymy tagi GA4 i Google Ads, reguły uruchamiania oraz zmienne według jednej konwencji nazw, z podziałem na foldery.
04
Piksele reklamowe i narzędzia
Wdrażamy piksele Meta, LinkedIn, TikTok czy Microsoft Advertising oraz narzędzia typu Hotjar lub Clarity – każde z ustawioną zgodą.
05
Zgody i Consent Mode
Łączymy kontener z banerem zgód, ustawiamy stany domyślne w regule inicjowania zgody i wymagane zgody dla tagów spoza Google.
06
Wersje, uprawnienia, dokumentacja
Każdą publikację opisujemy w historii wersji, nadajemy uprawnienia według ról i przekazujemy dokument z listą tagów i ich warunków.
02
Kontener, tagi, reguły i zmienne – jak to działa
Kontener GTM to jeden fragment kodu na stronie, który wczytuje pozostałe tagi według ustawień w panelu. Tag to kod do uruchomienia, np. zdarzenie GA4 albo piksel reklamowy. Reguła – w angielskim interfejsie trigger – określa, kiedy tag ma zadziałać: po wczytaniu strony, po kliknięciu, po wysłaniu formularza czy po pojawieniu się zdarzenia w warstwie danych. Zmienne dostarczają wartości, takich jak adres strony, tekst klikniętego linku czy kwota zamówienia.
Problemy zaczynają się, gdy reguły opierają się na wyglądzie strony – klasie przycisku albo tekście linku. Po zmianie motywu lub tłumaczeniu strony tag przestaje działać i nikt tego nie zauważa. Dlatego najważniejsze zdarzenia przekazujemy przez dataLayer: strona sama informuje kontener, że formularz został wysłany albo zamówienie złożone, niezależnie od tego, jak wygląda. Opis struktury warstwy danych trafia do dokumentacji, by programista rozwijający stronę wiedział, czego nie zmieniać.
Zdarzenia formularzy wysyłane do dataLayer dopiero po udanym zapisie
Dane e-commerce w formacie GA4: produkty, wartość, waluta, identyfikator transakcji
Informacje o typie strony i kategorii, przydatne w raportach i grupach odbiorców
Stała konwencja nazw tagów, reguł i zmiennych z prefiksem narzędzia
03
Tryb podglądu, wersje i bezpieczne publikowanie
Przed publikacją każdą zmianę sprawdzamy w trybie podglądu z Tag Assistantem. Widać w nim krok po kroku, które tagi się uruchomiły, które zostały zablokowane i dlaczego, jakie wartości miały zmienne i co trafiło do warstwy danych. Dopiero gdy wszystko się zgadza, publikujemy wersję z opisem zmian. Jeśli po publikacji coś pójdzie nie tak, przywrócenie poprzedniej wersji kontenera zajmuje chwilę i nie wymaga dostępu do kodu strony.
W większych zespołach ustawiamy osobne obszary robocze dla równoległych zmian oraz uprawnienia, przy których agencja reklamowa może przygotować tag, ale publikację zatwierdza osoba po Twojej stronie. Kontrola nad tym, co działa na stronie, zostaje wtedy w firmie, a każda zmiana ma autora i opis. Przy kontenerze używanym przez kilka zespołów to najprostszy sposób, by nikt nie nadpisał cudzej pracy ani nie opublikował niesprawdzonego tagu.
Na co uważać – najczęstsze błędy
Kontener pełen nieopisanych tagów
Po kilku latach nikt nie wie, który tag do czego służy i czy można go usunąć. Porządkujemy nazewnictwo, foldery i opisy.
Publikowanie bez trybu podglądu
Zmiana opublikowana bez sprawdzenia potrafi wyłączyć pomiar albo podwoić konwersje. Każdą zmianę testujemy w podglądzie przed publikacją.
Pełny dostęp dla wszystkich
Agencja reklamowa, freelancer i stażysta z uprawnieniami do publikacji to ryzyko. Nadajemy uprawnienia według potrzeb.
Tagi reklamowe przed zgodą
Piksele uruchamiane przed decyzją użytkownika naruszają zasady zgód. Konfigurujemy warunki uruchamiania zależne od stanu zgody.
04
Tagi zewnętrzne zgodne ze zgodą użytkownika
Tagi Google obsługują Consent Mode natywnie i dostosowują swoje działanie do decyzji użytkownika. Piksele innych dostawców tego nie robią, więc w GTM przypisujemy każdemu z nich wymagane zgody – piksel Meta uruchomi się dopiero po akceptacji plików cookies marketingowych, a narzędzie do nagrywania sesji po zgodzie analitycznej. Ustawienia sprawdzamy w przeglądzie zgód kontenera i w trybie podglądu, symulując akceptację, odmowę oraz zmianę decyzji.
Domyślne stany zgód ustawiane w regule inicjowania zgody, przed innymi tagami
Aktualizacja zgód z banera bez przeładowania strony
Wymagane zgody dla każdego tagu spoza Google, widoczne w przeglądzie zgód
Testy ścieżek: akceptacja, odmowa, zgoda częściowa i wycofanie zgody
05
Warstwa danych jako wspólny język strony i narzędzi
Tagi potrzebują informacji: jaki produkt został dodany do koszyka, ile kosztował, jaki formularz został wysłany. Zamiast odczytywać je z wyglądu strony, co psuje się przy każdej zmianie szablonu, strona przekazuje je w warstwie danych w ustalonym formacie. GTM odczytuje je i przekazuje dalej do Analytics, Google Ads czy pikseli reklamowych.
Warstwę danych projektujemy razem z planem pomiaru i opisujemy ją w dokumentacji. Gdy w przyszłości zmieni się wygląd strony, pomiar działa dalej, bo opiera się na danych, a nie na klasach i układzie elementów.
Zdarzenia e-commerce w formacie zgodnym z GA4
Informacje o wysłanych formularzach
Identyfikatory i wartości zamówień
Opis warstwy danych w dokumentacji
Zanim zadzwonisz
Co przygotować przed rozmową
Nie musisz mieć wszystkiego. Każdy z tych punktów skraca jednak drogę do dokładnej wyceny.
Dostęp do konta GTM, jeśli istnieje, oraz do panelu strony
Lista narzędzi i pikseli, które mają działać na stronie
Informacja o banerze zgód i narzędziu do zarządzania zgodami
Zdarzenia do mierzenia: formularze, telefony, zakupy, zapisy
Osoby i firmy, które mają mieć dostęp do kontenera
06
Gdy kodów śledzących jest za dużo
Każdy dodatkowy skrypt to obciążenie strony i kolejne dane przekazywane firmom zewnętrznym. Przy porządkowaniu kontenera sprawdzamy, które narzędzia są nadal używane, czy kampanie, dla których dodano piksele, jeszcze działają, i czy jeden skrypt nie wykonuje tej samej pracy co inny.
Usunięcie zbędnych tagów zwykle poprawia szybkość strony i upraszcza politykę prywatności. Dla tagów, które zostają, ustawiamy możliwie późne uruchamianie, żeby nie konkurowały o zasoby z treścią widoczną na pierwszym ekranie.
07
Jak wdrażamy Google Tag Manager
01
Inwentaryzacja kodów
Spisujemy wszystkie skrypty śledzące na stronie i w szablonie, ustalamy, które są potrzebne, a które można bezpiecznie usunąć.
02
Warstwa danych i kontener
Wdrażamy dataLayer w kodzie strony lub sklepu i budujemy w kontenerze tagi, reguły i zmienne według planu pomiaru.
03
Testy w trybie podglądu
Sprawdzamy każdy tag w Tag Assistant, także przy akceptacji i odmowie zgód, oraz dane w raportach czasu rzeczywistego.
04
Publikacja i sprzątanie
Publikujemy opisaną wersję, usuwamy stare kody wklejone w szablonie i przekazujemy dokumentację oraz uprawnienia.
Dlaczego my
Współpraca, po której strona po prostu działa
01
Jeden opiekun projektu
Masz jedną osobę kontaktową od wyceny, przez wdrożenie, po opiekę po starcie.
02
Gotowa pod SEO od makiety
Struktura podstron, nagłówki, dane strukturalne i szybkość planujemy od pierwszego szkicu.
03
Wszystko należy do Ciebie
Domena, hosting, pliki i konta administratora są Twoje od pierwszego dnia.
04
Testy przed startem
Telefony, przeglądarki, formularze, szybkość i bezpieczeństwo sprawdzamy przed uruchomieniem.
Po wdrożeniu nie musisz szukać kolejnej agencji. W ramach opieki po starcie strony możemy poprowadzić pozycjonowanie i marketing – z tym samym opiekunem, który zna Twoją stronę od środka.
usługi w Twoim mieścietwojafirma.plOdpowiedź AI
Pozycjonowanie
Pozycjonowanie stron i sklepów
Gdy strona już działa, rozwijamy jej widoczność w Google i w odpowiedziach AI. Zaczynamy od audytu, a potem systematycznie pracujemy nad treściami, techniką, linkami i strukturą podstron.
Audyt SEO i dobór fraz, których szukają Twoi klienci
Pozycjonowanie lokalne i widoczność w Mapach Google
Optymalizacja podstron, treści i danych strukturalnych
Kierujemy na gotową stronę osoby zainteresowane Twoją ofertą i budujemy rozpoznawalność marki. Mierzymy, co naprawdę przynosi zapytania i sprzedaż, i na tej podstawie rozwijamy działania.
Sam kontener jest lekki. Spowolnienie, widoczne zwłaszcza w metryce INP, powodują tagi, które w nim umieścisz – kilka pikseli reklamowych, czat i nagrywanie sesji uruchamiane jednocześnie. Dlatego ograniczamy tagi do potrzebnych, mniej ważne uruchamiamy później w trakcie ładowania i usuwamy duplikaty. Często strona po przeniesieniu kodów do GTM działa szybciej niż wcześniej.
Czy po wdrożeniu mogę sam dodawać tagi?
Tak, to jedna z głównych zalet GTM. Po wdrożeniu dostajesz dokumentację z konwencją nazw i opisem warstwy danych, więc dodanie nowego piksela lub zdarzenia nie wymaga programisty. Zalecamy jednak, by każdą zmianę testować w trybie podglądu i publikować z opisem – wtedy łatwo ustalić, co się zmieniło, i wrócić do poprzedniej wersji.
Co to jest server-side GTM i czy go potrzebuję?
To dodatkowy kontener działający na serwerze, przez który przechodzą dane, zanim trafią do Google, Meta czy innych narzędzi. Daje większą kontrolę nad tym, co wysyłasz, i mniejszą zależność od przeglądarki, ale wymaga utrzymania serwera i generuje koszty. Opłaca się zwykle przy większym sklepie lub znaczących budżetach reklamowych. Typowej stronie firmowej wystarczy dobrze ustawiony kontener webowy.
Czy GTM działa z WordPressem, Shopify i innymi platformami?
Tak. W WordPressie kod kontenera dodajemy w motywie potomnym lub lekką wtyczką, w Shopify w kodzie motywu, a zdarzenia z procesu zamówienia obsługujemy przez mechanizm zdarzeń klientów. W PrestaShop, Joomla czy Drupalu – w szablonie lub module. Warstwę danych dopasowujemy do platformy, bo każda inaczej udostępnia informacje o produktach i zamówieniach.
Kto powinien być właścicielem konta GTM?
Twoja firma. Konto i kontener zakładamy na Twoim koncie Google albo przejmujemy istniejące, a sami pracujemy na nadanych uprawnieniach. Jeśli kontener należy do poprzedniej agencji, pomagamy przenieść uprawnienia administratora lub odtworzyć konfigurację w nowym kontenerze, tak by nie stracić pomiaru w trakcie zmiany.