Google Tag Manager w Shoperze – jak wdrożyć tagi bez programisty

Krok 3. Uporządkuj istniejące kody

Zanim dodasz pierwszy tag w GTM, sprawdź, jakie skrypty już działają w sklepie: wbudowane integracje (GA4, piksel Meta), kody w integracjach własnych, skrypty aplikacji z App Store. Jeśli przenosisz narzędzie do GTM, wyłącz jego dotychczasowy kod – inaczej zdarzenia będą liczone podwójnie.

[#uwaga] Według pomocy Shopera nie należy wysyłać tych samych danych do GA4 jednocześnie przez wbudowaną integrację i przez GTM. Ta sama zasada dotyczy piksela Meta: jeśli działa integracja z Meta w panelu, nie dodawaj drugiego piksela w GTM bez deduplikacji. Podwójne zakupy w raportach zawyżają przychód i psują optymalizację kampanii.

Krok 4. Skonfiguruj zgody i Consent Mode

Tagi marketingowe i analityczne muszą respektować zgody użytkowników. W GTM ustawiasz to przez tryb uzyskiwania zgody (Consent Mode) i ustawienia zgody poszczególnych tagów. Tagi Google obsługują Consent Mode natywnie, a dla tagów innych dostawców określasz, jakiej zgody wymagają, zanim się uruchomią.

Wbudowany widget cookies Shopera według pomocy obsługuje Consent Mode v2. Sprawdź w trybie podglądu GTM, czy przed udzieleniem zgody tagi marketingowe się nie uruchamiają, a po zgodzie działają poprawnie. Więcej w artykułach Consent Mode v2 w Shoperze i polityka cookies w Shoperze.

Krok 5. Dodaj tagi i reguły

Tag to kod, który ma się uruchomić, a reguła (aktywator) określa kiedy – np. na każdej stronie, na stronie podziękowania za zakup albo po kliknięciu w konkretny element. Zmienne dostarczają danych, np. wartości zamówienia czy identyfikatora produktu.

Wykres – najczęściej wdrażane tagi w sklepach przez GTM. [#chart:sh39b]

Konfigurację piksela Meta przez GTM omawiamy szczegółowo w artykule piksel Meta przez Google Tag Manager, a integrację z Meta w panelu Shopera – w tekście piksel Facebooka w Shoper. Tagi remarketingowe Google opisujemy w artykule remarketing Google Ads w sklepie Shoper.

Krok 6. Przetestuj i opublikuj

1. Włącz tryb podglądu w GTM i otwórz sklep w podłączonym oknie przeglądarki.

2. Sprawdź, które tagi uruchamiają się na stronie głównej, karcie produktu, w koszyku i na stronie podziękowania.

3. Zweryfikuj zachowanie tagów przed i po udzieleniu zgody na cookies.

4. Złóż zamówienie testowe i sprawdź, czy tagi konwersji otrzymują wartość zamówienia.

5. Opublikuj wersję kontenera z opisem zmian, a po publikacji sprawdź dane w narzędziach docelowych.

Pomoc Shopera zaznacza, że treści dotyczące GTM są przeznaczone dla zaawansowanych użytkowników i nie są objęte wsparciem technicznym. Jeśli nie masz doświadczenia z tagami, rozważ wsparcie specjalisty – błędy w konfiguracji często wychodzą dopiero po tygodniach, w postaci niezgodnych danych o sprzedaży.

[#przyklad] Sklep z meblami korzysta z GA4, Google Ads, piksela Meta i Microsoft Clarity. Kody były wklejone w różnych miejscach przez trzy różne osoby, a raporty pokazywały podwojone zakupy. Po audycie sklep zostawia wbudowaną integrację GA4, a pozostałe narzędzia przenosi do jednego kontenera GTM z regułami zależnymi od zgód. Stare kody znikają z szablonu, a każda kolejna zmiana jest opisana w historii wersji.

Dane e-commerce w GTM – na co uważać

Tagi konwersji potrzebują danych o zamówieniu: wartości, waluty, identyfikatora transakcji, a dla zaawansowanych kampanii – także listy produktów. Zanim zbudujesz tagi, sprawdź w trybie podglądu, jakie dane są dostępne w warstwie danych na stronach sklepu i na stronie podziękowania. Pomoc Shopera dotycząca instalacji GTM nie opisuje szczegółowo struktury warstwy danych, dlatego zweryfikuj ją na własnym sklepie i opieraj się na danych, które faktycznie widzisz w podglądzie.

• Identyfikator transakcji – pozwala narzędziom odrzucać zdublowane konwersje.

• Wartość i waluta – sprawdź, czy wartość zawiera dostawę i czy jest brutto, czy netto.

• Produkty – identyfikatory muszą zgadzać się z identyfikatorami w feedzie produktowym.

• Strona podziękowania – upewnij się, że tag zakupu nie uruchamia się ponownie przy odświeżeniu strony.

Zgodność identyfikatorów produktów w tagach i w feedzie ma znaczenie przy kampaniach produktowych i dynamicznym remarketingu – feed konfigurujemy według artykułu Shoper i Google Merchant Center.

GTM, aplikacje z App Store czy integracje własne

Nie każdy skrypt musi trafiać do GTM. Część narzędzi ma gotowe aplikacje lub wbudowane integracje w Shoperze, które same przekazują potrzebne dane – np. integracja z Meta czy aplikacje do mailingu i web push. Takie rozwiązania są często prostsze w utrzymaniu, bo dostawca dba o ich aktualizację. GTM wybieraj wtedy, gdy narzędzie nie ma integracji, potrzebujesz kontroli nad momentem uruchomienia tagu albo chcesz wszystkie skrypty zależne od zgód trzymać w jednym miejscu.

Przykładem jest Microsoft Advertising: tag UET możesz wdrożyć przez GTM razem z innymi tagami reklamowymi – o kampaniach w wyszukiwarce Bing piszemy w artykule Microsoft Advertising dla sklepu Shoper. Przegląd gotowych rozszerzeń znajdziesz w tekście Shoper App Store – przydatne aplikacje.

Najczęstsze błędy przy GTM w Shoperze

• Podwójne tagi – narzędzie działa jednocześnie przez integrację w panelu i przez GTM.

• Brak publikacji – zmiany zapisane w obszarze roboczym, ale nieopublikowane.

• Tagi bez zgód – skrypty marketingowe uruchamiają się przed decyzją użytkownika.

• Zakup liczony przy odświeżeniu – tag konwersji bez zabezpieczenia przed ponownym wywołaniem.

• Kod kontenera w złym miejscu – w RWD tylko część kodu wklejona do integracji własnych.

• Brak dokumentacji – nikt nie wie, po co jest dany tag i kto go dodał.

Pamiętaj też o wydajności: każdy tag to dodatkowy skrypt ładowany w przeglądarce klienta. Regularnie usuwaj tagi narzędzi, z których już nie korzystasz – wskazówki znajdziesz w artykule szybkość sklepu na Shoperze.

Najczęściej zadawane pytania

Gdzie w Shoperze wpisać identyfikator GTM?

W szablonach Storefront w edytorze szablonu: Integracje > Wbudowane > moduł Google Analytics and Google Tag Manager, pole Identyfikator kontenera GTM. W szablonach RWD kod wklejasz w Dodatki i integracje > Integracje własne.

Czy potrzebuję GTM, jeśli mam wbudowaną integrację GA4?

Nie zawsze. Jeśli korzystasz tylko z GA4, integracja wystarczy. GTM przydaje się przy wielu narzędziach i własnych zdarzeniach.

Czy mogę mieć GA4 przez integrację i inne tagi w GTM?

Tak, pod warunkiem że nie wysyłasz tych samych danych do GA4 obiema drogami. W GTM możesz trzymać np. Google Ads, piksel Meta i Clarity.

Czy pomoc Shopera wspiera konfigurację GTM?

Według pomocy treści dotyczące GTM są przeznaczone dla zaawansowanych użytkowników i nie są objęte wsparciem technicznym.

Jak sprawdzić, czy tagi działają?

Użyj trybu podglądu GTM, przejdź ścieżkę zakupową z zamówieniem testowym i sprawdź dane w narzędziach docelowych po publikacji.

Czy GTM spowalnia sklep?

Sam kontener jest lekki, ale każdy tag dodaje skrypt. Utrzymuj porządek i usuwaj nieużywane tagi.

Podsumowanie

Google Tag Manager w Shoperze pozwala zarządzać tagami marketingowymi i analitycznymi bez edycji szablonu: w Storefront wpisujesz identyfikator kontenera w edytorze szablonu, w RWD wklejasz kod w integracjach własnych. Kluczem do sukcesu jest porządek – usunięcie zdublowanych kodów, reguły zależne od zgód, testy w trybie podglądu i opisane wersje. Dzięki temu dane o sprzedaży w GA4, Google Ads i Meta będą spójne, a kolejne narzędzia wdrożysz w kilka minut.

Jeśli chcesz uporządkować tagi w sklepie, przenieść je do GTM i mieć pewność, że konwersje liczą się poprawnie, pomożemy przeprowadzić audyt i wdrożenie – sprawdź ofertę wdrożenia i rozwoju sklepu Shoper.