Jak skonfigurować Google Tag Manager na Shopify (krok po kroku)
Konfiguracja Google Tag Manager na Shopify to dwie osobne prace, nie jedna. Część storefront jest łatwa: wklejasz kontener GTM do motywu i od razu śledzi strony produktów, kolekcji i koszyka. Część checkout jest trudna, bo Shopify zamyka i izoluje swój checkout w sandboxie, więc snippet w motywie nigdy nie widzi zakupu. Jeśli poradnik mówi Ci "po prostu wklej GTM w theme.liquid i gotowe", opisuje tylko połowę roboty, i to złą połowę dla sklepu e-commerce, który musi śledzić przychód.
Ten przewodnik robi obie połowy uczciwie. Dodasz GTM na storefront, potem zaczniesz śledzić faktyczny zakup przez Customer Events Shopify, wepniesz zgody, by było legalnie w UE, i zweryfikujesz, że całość się odpala. Tam, gdzie czystą odpowiedzią jest server-side, powiem to wprost, zamiast udawać, że podstawowe wklejenie wystarcza.
Jeśli GTM jest dla Ciebie nowością, przeczytaj najpierw, czym jest Google Tag Manager, i wróć. Zakładam, że masz kontener GTM, usługę GA4 i dostęp administratora do sklepu Shopify.
- GTM na Shopify to dwie prace: storefront (łatwa, przez theme.liquid) i checkout (trudna, w sandboxie).
- Wklejenie GTM w theme.liquid śledzi odsłony, ale nie zakupy. Checkout działa w sandboxie, do którego snippet z motywu nie sięga.
- Śledzenie zakupu idzie przez Customer Events Shopify (Web Pixels API), dodawane w Ustawieniach, Customer events.
- Sandbox nie czyta window.dataLayer ani DOM strony, więc standardowy kontener webowy nie zadziała tam w pełni. Zamiast tego przekazuj zdarzenia na zewnątrz.
- Dla realnego sklepu z budżetem reklamowym server-side GTM to solidna odpowiedź: czystsze dane o zakupach, kontrola zgód i deduplikacja z Meta CAPI.
Zanim zaczniesz
Najpierw przygotuj trzy rzeczy:
- Kontener GTM, utworzony i gotowy (identyfikator GTM-XXXXXX).
- Usługę GA4 ustawioną do odbioru zdarzeń.
- Dostęp administratora do sklepu Shopify, byś mógł edytować motyw i dodać custom pixel.
Zdecyduj z góry, co właściwie chcesz śledzić. Dla większości sklepów to odsłony, dodanie do koszyka, rozpoczęcie checkoutu i zakup. Pierwsze trzy żyją na storefront; ostatnie w checkoucie, i to właśnie tam dwie prace się rozchodzą.
Krok 1: Dodaj GTM na storefront Shopify
To łatwa połowa i działa tak, jak opisuje każdy poradnik.
W panelu Shopify wejdź w Sklep online, potem Motywy, menu z trzema kropkami i Edytuj kod. Otwórz theme.liquid. Wklej pierwszy snippet GTM (blok <script>) jak najwyżej w sekcji <head>, a drugi snippet (blok <noscript>) zaraz po otwierającym tagu <body>. Zapisz. Własny poradnik instalacji GTM od Google pokazuje oba snippety, jeśli ich potrzebujesz.
Tyle storefront. GTM ładuje się teraz na każdej stronie motywu, więc możesz odpalać odsłony GA4, śledzić dodanie do koszyka i rozpoczęcie checkoutu oraz prowadzić tagi remarketingu po całym katalogu. Zbuduj porządny data layer dla tych zdarzeń i strona storefront jest solidna.
Tu jest jednak pułapka: na tym etapie Twoje raporty pokażą ruch i zaangażowanie, wszystko będzie wyglądać, jakby działało, i założysz, że zakupy też są śledzone. Nie są.
Krok 2: Dlaczego metoda storefront nie śledzi zakupów
Checkout Shopify nie jest częścią Twojego motywu. Działa na własnej infrastrukturze Shopify, w zamkniętym, izolowanym środowisku sandbox, do którego Twój snippet z theme.liquid po prostu się nie ładuje. Więc kontener GTM, który właśnie zainstalowałeś, nigdy nie wykonuje się na checkoucie ani na stronie potwierdzenia zamówienia, co znaczy, że zdarzenie zakupu, to jedyne, które naprawdę się liczy, nigdy się nie odpala.
Kiedyś rozwiązywało się to przez checkout.liquid i pole "Dodatkowe skrypty", ale Shopify wycofał je dla sklepów spoza planu Plus. Nowoczesną, usankcjonowaną drogą do środka są Customer Events, zwane też Web Pixels API. I niesie haczyk wart zrozumienia: custom pixele też działają w sandboxie. Ten sandbox nie czyta Twojego window.dataLayer, nie dotyka DOM strony i nie uruchomi normalnego kontenera webowego GTM tak jak storefront. Jest izolowany celowo, dla prywatności i bezpieczeństwa.
Kiedy Kasia, która prowadzi sklep odzieżowy na Shopify, zapytała mnie w 2025, czemu jej przychód w GA4 stoi na zerze, to była cała odpowiedź. Wkleiła GTM w theme.liquid, zobaczyła płynące odsłony i rozsądnie założyła, że sprzedaż jest śledzona. Sandbox checkoutu sprawił, że ani jeden zakup nigdy nie dotarł do GA4. Tygodnie budżetu reklamowego, optymalizowane wobec liczby konwersji, która dosłownie wynosiła zero.
Krok 3: Śledź zakup przez custom pixel Customer Events
To tu faktycznie łapiesz sprzedaż. W panelu Shopify wejdź w Ustawienia, potem Customer events, potem Dodaj custom pixel. Nadaj mu nazwę i dostajesz sandbox z kodem, który może subskrybować standardowe zdarzenia Shopify.
Wewnątrz pixela zasubskrybuj zdarzenie checkout_completed. Web Pixels API Shopify podaje Ci pełny ładunek zamówienia: ID zamówienia, wartość, walutę i pozycje. Stamtąd przekazujesz ten zakup do swojej analityki. Ponieważ sandbox nie może rozmawiać z GTM Twojej strony, masz dwie czyste opcje: wyślij zdarzenie prosto do GA4 i Google Ads z wnętrza pixela albo, lepiej, wyślij je do endpointu server-side GTM, który rozprowadzi je do każdej platformy.
Szczegół, który łapie ludzi, to deduplikacja. Jeśli natywny kanał Google w Shopify też raportuje konwersje, a Twój pixel raportuje je również, liczysz podwójnie. Używaj spójnego ID zamówienia jako identyfikatora transakcji wszędzie, by każda sprzedaż liczyła się raz. To wpięcie zdarzenia zakupu standaryzuje dokładnie mój produkt Purchase i E-commerce DataLayer, więc to samo czyste zdarzenie dociera do GA4, Ads i Meta bez podwójnego liczenia.
Krok 4: Wepnij zgody, by było legalnie w UE
Jeśli sprzedajesz do UE, nic z tego nie jest zgodne, dopóki zgody nie są obsłużone. Shopify ma Customer Privacy API i wbudowany baner zgód, a Twoje tagi muszą respektować to, co kupujący wybierze.
W praktyce znaczy to dwie rzeczy. Po pierwsze, Twoje tagi GTM na storefront czytają stan zgody i zostają zablokowane, dopóki odwiedzający nie zaakceptuje, to samo wpięcie Consent Mode v2, którego potrzebuje każda strona. Po drugie, Twój pixel Customer Events sprawdza wybór prywatności klienta, zanim przekaże zakup, bo sprzedaż od kogoś, kto odmówił zgody marketingowej, nie powinna być wysyłana z identyfikatorami. Pomyl to, a albo łamiesz prawo, albo psujesz dane, zwykle jedno i drugie.
Nie ufaj, że działa, tylko dlatego, że baner się pojawia. Zweryfikuj to w przeglądarce checklistą Consent Mode, która przechodzi przez dokładne kontrole tego, czy Twoje tagi faktycznie respektują zgodę.
Krok 5: Zweryfikuj, że cała konfiguracja się odpala
Konfigurowanie to połowa roboty; potwierdzenie to druga połowa. Zrób te kontrole, zanim zaufasz jakiejkolwiek liczbie.
| Powierzchnia | Co sprawdzić | Jak |
|---|---|---|
| Storefront | GTM się ładuje, odsłony się odpalają | GTM Podgląd + GA4 DebugView |
| Koszyk | add_to_cart, begin_checkout się odpalają | GTM Podgląd na stronach koszyka |
| Checkout | zdarzenie purchase dociera do GA4 | Złóż realne zamówienie testowe, sprawdź DebugView |
| Deduplikacja | każda sprzedaż liczy się raz | Porównaj zakupy GA4 z zamówieniami Shopify |
| Zgody | tagi respektują odrzucenie | Parametr gcs w zakładce Network |
Najważniejszą pojedynczą kontrolą jest zamówienie testowe. Kup coś (kod rabatowy, by było za darmo, działa), dokończ checkout i potwierdź, że zakup pokazuje się w GA4 DebugView z poprawną wartością i ID transakcji. Jeśli się nie pojawia, Twój pixel Customer Events nie przekazuje, i wracasz do problemu zerowego przychodu z Kroku 2. Porównanie liczby zakupów GA4 z liczbą zamówień Shopify za ten sam okres to najszybszy sposób wyłapania podwójnego liczenia albo zgubionych sprzedaży, wzorzec, który rozkładam na czynniki w błędach GTM, które po cichu kosztują konwersje.
Kiedy przejść na server-side
Dla sklepu hobbystycznego kontener storefront plus pixel Customer Events wysyłający do GA4 wystarcza. Dla sklepu z realnym budżetem reklamowym server-side GTM to odpowiedź warta tej konfiguracji.
Server-side daje Ci trzy rzeczy, których podstawowe podejście nie potrafi. Czystsze dane o zakupach, bo zamówienie jest przekazywane z serwera, a nie z izolowanego pixela w przeglądarce, który blokery reklam i iOS potrafią zakłócić. Kontrolę zgód w jednym miejscu, więc każda platforma czyta tę samą decyzję. I zdeduplikowane konwersje server-side dla Meta, czyli ta sama praca z Meta Conversions API, która odzyskuje sygnał tracony przez piksele przeglądarkowe. Sklepy na Shopify Plus dostają jeszcze więcej kontroli przez checkout extensibility, ale server-side opłaca się znacznie poniżej progu Plus, gdy w grę wchodzi budżet reklamowy.
Podsumowanie
Google Tag Manager na Shopify to dwie prace, a ta druga jest tą, która płaci. Dodaj kontener do theme.liquid dla storefront, potem śledź faktyczny zakup przez custom pixel Customer Events, bo sandbox checkoutu sprawia, że snippet z motywu nigdy nie widzi sprzedaży. Wepnij zgody, by było legalnie, zweryfikuj realnym zamówieniem testowym i przejdź na server-side, gdy zaczniesz wydawać na reklamy.
Jeśli Twój przychód w GA4 nie zgadza się z zamówieniami Shopify, Twoje śledzenie checkoutu jest niemal na pewno tą luką, i to częstą. Zacznij od darmowego audytu GTM, by zobaczyć, co faktycznie odpala się w Twoim sklepie, a jeśli wolisz, by całą konfigurację Shopify i GTM zbudowano i zweryfikowano za Ciebie, to dokładnie praca konfiguracyjna GTM, którą się zajmuję, z bieżącym monitoringiem, by pozostała dokładna po następnej aktualizacji motywu.
FAQ
Jak dodać Google Tag Manager do Shopify?
Dodaj kontener GTM na storefront, wklejając dwa snippety GTM do pliku theme.liquid motywu, w Sklep online, Motywy, Edytuj kod. To pokrywa strony produktów, kolekcji i koszyka. By śledzić zakup, potrzebujesz też custom pixela Customer Events w Ustawieniach, Customer events, bo checkout Shopify jest w sandboxie i snippet z motywu nie może go dosięgnąć.
Dlaczego Google Tag Manager nie śledzi moich zakupów na Shopify?
Bo checkout Shopify działa w zamkniętym sandboxie, do którego Twój kontener GTM z theme.liquid nigdy się nie ładuje. Wklejenie GTM w motywie śledzi odsłony storefront, ale nie zakup. Sprzedaż musisz łapać przez custom pixel Customer Events, który subskrybuje zdarzenie checkout_completed i przekazuje je do GA4 albo do kontenera server-side.
Czy mogę używać Google Tag Manager w checkoucie Shopify?
Nie standardowego kontenera webowego. Shopify wycofał checkout.liquid i "Dodatkowe skrypty" dla sklepów spoza planu Plus, a zamiennik, Customer Events, działa w sandboxie, który nie uruchomi normalnego kontenera GTM ani nie odczyta data layer strony. Subskrybujesz zdarzenia Shopify wewnątrz custom pixela i przekazujesz je na zewnątrz, najlepiej do server-side GTM.
Czy potrzebuję server-side GTM dla Shopify?
Nie dla małego sklepu; pixel Customer Events wysyłający do GA4 wystarcza. Dla sklepu z realnym budżetem reklamowym server-side GTM się opłaca, bo daje czystsze dane o zakupach, kontrolę zgód w jednym miejscu i zdeduplikowane konwersje dla Meta i Google Ads, które piksele przeglądarkowe tracą przez blokery i ograniczenia iOS.
Jak śledzić konwersje e-commerce GA4 na Shopify?
Śledź zdarzenia storefront (dodanie do koszyka, rozpoczęcie checkoutu) przez kontener GTM w motywie, a zakup przez custom pixel Customer Events, który wysyła zdarzenie purchase GA4 z wartością zamówienia i ID transakcji. Używaj ID zamówienia spójnie, by sprzedaż nie była liczona podwójnie wobec natywnego kanału Google w Shopify.
Czy GTM na Shopify działa z Consent Mode v2?
Tak, ale musisz to wpiąć. Twoje tagi storefront potrzebują Consent Mode v2 czytającego Customer Privacy API Shopify, a Twój pixel Customer Events musi sprawdzić zgodę kupującego, zanim przekaże zakup z identyfikatorami. Zweryfikuj to w przeglądarce, zamiast ufać banerowi; to, że baner się pojawia, nie jest dowodem, że tagi faktycznie respektują wybór.
Czy Twój przychód w GA4 zgadza się z zamówieniami Shopify?
Darmowy audyt GTM sprawdza, co faktycznie odpala się w Twoim sklepie, łącznie z checkoutem, bez rejestracji, wynik w jakieś 10 minut.
Uruchom darmowy audyt GTM