Przejdź do treści
sGTM.space

Zainstaluj Google Tag Managera na stronie (kontener Web)

Google Tag Manager (GTM) pozwala dodawać i zmieniać tagi śledzące bez grzebania w kodzie strony przy każdej zmianie. Raz instalujesz mały fragment kodu, a od tej pory GA4, piksele reklamowe i inne tagi ustawiasz w interfejsie GTM. W tej lekcji utworzysz kontener Web, zainstalujesz go, wyślesz pierwsze własne zdarzenie i opublikujesz wersję. Na tym kontenerze opierają się wszystkie kolejne lekcje.

Początkujący 8 min czytania Wersja 1.3, aktualizacja 4 listopada 2026

Na tej stronie

Czego się nauczysz

  • Utworzysz konto GTM i kontener Web dla swojej strony.
  • Zainstalujesz kontener przez fragmenty Better Loadera albo przez kod Google w head i fragment noscript w body.
  • Wyślesz własne zdarzenie do dataLayer i zobaczysz je w trybie Preview.
  • Zapiszesz i opublikujesz wersję kontenera oraz dowiesz się, do czego służą obszary robocze i wersje.

Zanim zaczniesz

  • Konto Google.
  • Dostęp do szablonu strony albo CMS-a, żeby dodać kod na każdej podstronie.

01 Utwórz konto i kontener Web

Jedno konto GTM zwykle odpowiada jednej firmie. W nim tworzysz kontener dla każdej strony (a później osobny kontener serwerowy, który omawia lekcja 2).

  1. 1 Otwórz tagmanager.google.com i kliknij Create Account.
  2. 2 Wpisz Account Name (nazwę firmy) i wybierz Country.
  3. 3 W sekcji Container Setup wpisz swoją domenę jako Container name, na przykład www.example.com.
  4. 4 Jako Target platform wybierz Web i kliknij Create.
  5. 5 Zaakceptuj warunki korzystania z Google Tag Managera (a jeśli działasz w EOG lub Wielkiej Brytanii, także Data Processing Terms).

GTM pokaże wtedy okno Install Google Tag Manager z dwoma fragmentami kodu. Identyfikator kontenera ma postać GTM-XXXXXXX i występuje w obu.

02 Wklej oba fragmenty kodu

Kontener możesz załadować na dwa sposoby. Każdy wymaga dwóch fragmentów kodu: jednego w <head> i zapasowego zaraz po otwierającym tagu <body>. Wybierz jeden sposób i używaj tylko jego fragmentów, inaczej GTM załaduje się dwa razy.

Które fragmenty kodu instalujesz?

Wybierz ten sposób, gdy Twoja strona ma kontener na SGTM.space. Better Loader ładuje GTM z Twojej własnej domeny loadera, na przykład load.k7q2x.example.com, pod losową nazwą skryptu zamiast z googletagmanager.com, więc adblockery rzadziej go blokują. Jest dostępny w każdym planie, także darmowym, i działa, zanim skonfigurujesz kontener serwerowy.

  1. 1 Utwórz kontener dla swojej strony na SGTM.space, tak jak pokazuje lekcja 2: wpisz identyfikator tego kontenera Web (GTM-XXXXXXX) i zostaw zaznaczone Włącz Better Loadera dla GTM-XXXXXXX. Kontener serwerowy możesz podłączyć później. Jeśli masz już kontener, wpisz identyfikator na karcie Better Loader w jego zakładce Dodatki i kliknij Włącz.
  2. 2
    W zakładce DNS dodaj rekord CNAME dla domeny loadera tam, gdzie zarządzasz DNS (w Cloudflare jako DNS only), i kliknij Sprawdź DNS. Certyfikat HTTPS pojawi się w ciągu kilku minut.
    Type
    CNAME
    Name
    load.k7q2x
    Value
    eu.sgtm.space
    Proxy
    DNS only
  3. 3 Kliknij Ustawienia na karcie Better Loader. Bloki Snippet instalacyjny i Zapasowa wersja noscript wyglądają jak dwa fragmenty poniżej, tylko z Twoją domeną loadera i nazwą skryptu.

Blok Snippet instalacyjny wklej jak najwyżej w sekcji <head> każdej podstrony. Ładuje GTM asynchronicznie, więc nie blokuje renderowania.

HTML 
<!-- Google Tag Manager -->
<script data-cfasync="false">(function(w,d,s,l){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s);j.async=true;j.src="https://load.k7q2x.example.com/h3k9x2mq7tbp.js";f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer');</script>
<!-- End Google Tag Manager -->

Blok Zapasowa wersja noscript wklej zaraz po otwierającym tagu <body>. To zabezpieczenie dla przeglądarek z wyłączonym JavaScriptem.

HTML 
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://load.k7q2x.example.com/ns.html"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  • Te dwa fragmenty zastępują oba fragmenty kodu od Google. Jeśli Twoja strona ma kod Google, usuń go.
  • Żaden z nich nie zawiera identyfikatora GTM-: Better Loader rozpoznaje Twój kontener po nazwie skryptu. Pole CMS-a, które przyjmuje tylko identyfikator GTM, ich nie zainstaluje, więc wklej je do motywu albo layoutu.
  • Wklej je dopiero wtedy, gdy domena loadera działa. Dopóki jej rekord DNS się nie rozwiązuje, GTM nie załaduje się na Twojej stronie.
  • Snippet instalacyjny ma atrybut data-cfasync="false": sprawia, że Cloudflare Rocket Loader nie opóźnia GTM, a poza Cloudflare niczego nie zmienia. Jeśli nad nim stoi skrypt z domyślną zgodą (consent default), dodaj mu ten sam atrybut.

Umieść kod we wspólnym layoucie albo pliku motywu, żeby pojawił się na każdej podstronie, a nie tylko na stronie głównej.

03 Wyślij pierwsze własne zdarzenie przez dataLayer

dataLayer to tablica JavaScript wspólna dla Twojej strony i GTM. Kod strony wrzuca do niej obiekty, a GTM na nie reaguje. Obiekt z kluczem event staje się zdarzeniem, na które mogą nasłuchiwać reguły, a pozostałe klucze to wartości, które odczytasz zmiennymi typu Data Layer Variable.

JavaScript 
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: 'sign_up',
  method: 'email'
});

Uruchom ten kod w chwili, gdy akcja się wydarzy, na przykład po udanej rejestracji. Żeby użyć go w GTM:

  1. 1 Wejdź w Triggers, kliknij New i wybierz Custom Event.
  2. 2 W polu Event name wpisz sign_up (musi się zgadzać dokładnie, łącznie z wielkością liter) i zapisz.
  3. 3 Wejdź w Variables, w sekcji User-Defined Variables kliknij New, wybierz Data Layer Variable i w polu Data Layer Variable Name wpisz method.

04 Przetestuj w trybie Preview

Tryb Preview pokazuje dokładnie to, co GTM widzi na Twojej stronie, zanim cokolwiek trafi na produkcję.

  1. 1 Kliknij Preview w prawym górnym rogu obszaru roboczego. Tag Assistant otworzy się w nowej karcie.
  2. 2 Wpisz adres strony i kliknij Connect. Strona otworzy się w osobnym oknie z plakietką Tag Assistant.
  3. 3 Wróć do karty Tag Assistant. Po lewej zobaczysz zdarzenia takie jak Consent Initialization, Initialization, Container Loaded, DOM Ready i Window Loaded.
  4. 4 Wywołaj rejestrację na stronie. Pojawi się zdarzenie sign_up: kliknij je i otwórz kartę Data Layer, żeby zobaczyć method: email.

Jeśli Tag Assistant nie może się połączyć, sprawdź, czy kod jest na stronie i ładuje właściwy kontener: identyfikator w kodzie Google albo ID kontenera web GTM na karcie Better Loadera. Więcej przyczyn znajdziesz w lekcji o debugowaniu.

05 Zapisz i opublikuj wersję

Żadna zmiana w GTM nie dotrze do odwiedzających, dopóki jej nie opublikujesz.

  1. 1 Kliknij Submit w prawym górnym rogu.
  2. 2 Zostaw zaznaczone Publish and Create Version.
  3. 3 Wpisz Version name i Version description, które mówią, co się zmieniło, na przykład Add sign_up trigger.
  4. 4 Kliknij Publish.
  • Workspaces (obszary robocze) to wersje robocze. Każdy trzyma nieopublikowane zmiany, więc dwie osoby mogą pracować, nie nadpisując sobie nawzajem pracy. Darmowy GTM pozwala na trzy obszary robocze na kontener.
  • Versions (wersje) to migawki kontenera z chwili publikacji. W zakładce Versions widzisz, kto co opublikował, i możesz ponownie opublikować starszą wersję, żeby wycofać zmiany.
  • Oba fragmenty kodu są na każdej podstronie: Better Loadera albo Google z Twoim identyfikatorem GTM-, nigdy oba naraz.
  • Tag Assistant łączy się z Twoją stroną.
  • Zdarzenie sign_up pojawia się w Preview razem z wartością method.
  • Pierwsza wersja jest opublikowana pod czytelną nazwą.

Najczęstsze pytania

Czy kontener Web zastępuje mój kod GA4?

Może. Zamiast wklejać kod GA4 bezpośrednio, dodajesz Google tag w GTM. Robi to lekcja 3, która przy okazji wysyła dane przez Twój kontener serwerowy. Gdy GTM wysyła już te same dane, usuń wpisany na sztywno kod GA4, bo inaczej wszystko policzysz podwójnie.

Better Loader czy kod Google?

Gdy Twoja strona ma kontener na SGTM.space, użyj Better Loadera: jest dostępny w każdym planie, także darmowym, i ładuje GTM z Twojej własnej domeny, więc adblockery rzadziej go blokują. Do tego czasu używaj kodu Google. Późniejsza zmiana to tylko podmiana obu fragmentów kodu, a Twój kontener GTM i jego tagi zostają bez zmian.

Po co mi fragment noscript?

Działa tylko przy wyłączonym JavaScripcie, co zdarza się rzadko. Google i tak go zaleca, a nie szkodzi, więc go zainstaluj.

Zmiany są opublikowane, ale nie widać ich na stronie. Dlaczego?

Sprawdź, czy opublikowany został obszar roboczy z tą zmianą, a potem odśwież stronę z pominięciem cache. Cache stron i CDN-y mogą też serwować starą wersję HTML, ale sam plik GTM aktualizuje się w ciągu kilku minut.

Gotowy, żeby przejść do praktyki?

Wdróż kontener server GTM na własnej domenie w kilka minut. Plan darmowy nie wymaga karty.

Załóż darmowe konto