Przejdź do treści

Usługa · Analityka i marketing

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.

  • Bezpłatna wycena z zakresem prac
  • Jeden opiekun projektu
  • Dostępy i pliki należą do Ciebie

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

  1. 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ąć.

  2. 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.

  3. 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.

  4. 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 starcie strony

Strona gotowa? Pomożemy ją rozwinąć i wypromować.

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.

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
  • Link building i treści pod wybrane frazy
  • Raporty widoczności z Google Search Console
Zapytaj o pozycjonowanie

Marketing

Marketing i PR

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.

Zapytaj o marketing

FAQ

Najczęstsze pytania

Nie ma tu Twojego pytania? Napisz na biuro@tworzeniestronwww.pl albo zadzwoń: 222 500 844.

Czy Google Tag Manager spowalnia stronę?

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.

Z bloga

Przeczytaj, zanim zaczniemy

Wszystkie wpisy

Bezpłatna wycena

Zapytaj o: Konfiguracja Google Tag Manager

Opisz krótko swoją sytuację – przygotujemy bezpłatną wycenę z zakresem prac. Wolisz rozmowę? Zadzwoń.

Strony, sklepy i integracje, a po starcie strony także pozycjonowanie, kampanie, social media i PR – wycenimy każdą z tych usług.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Twoje dane

Czego dotyczy zapytanie?

Opisz projekt

0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844

Bezpłatna wycena

Opisz swój projekt

Kilka zdań wystarczy. Odpowiemy z bezpłatną wyceną i opisanym zakresem prac.

Dotyczy: Konfiguracja Google Tag Manager

Po starcie strony możemy też poprowadzić jej pozycjonowanie i marketing – wybierz temat w formularzu.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Czego dotyczy zapytanie?
0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844