Data publikacji: 2 kwietnia 2024 Aktualizacja: 16 kwietnia 2025

Jak zainstalować kod GTM w sklepie Shoper?

Konfiguracja narzędzia Google Tag Manager dla sklepu Shoper

Google Tag Manager to narzędzie do zarządzania tagami na stronach internetowych. Instalując jednorazowo kontener (kod Google Tag Manager) na stronie sklepu mamy możliwość zarządzania (dodawanie, edytowanie, usuwanie) wszystkimi dostępnymi tagami tj. analytics, remarketing, śledzenie konwersji i wiele innych) bez potrzeby ciągłej ingerencji w samą strukturę kodu strony. Wszystkie działania odbywają się za pomocą panelu zarządzania online, do którego wystarczy się zalogować.

Więcej informacji: jak utworzyć konto dla sklepu w Google Tag Manager?

Jak pobrać kod GTM i wprowadzić go do sklepu Shoper w starym szablonie (RWD)?

Skopiuj wyświetlony kod do obsługi managera tagów Google. Kody możesz pobrać w interfejsie Tag Managera w zakładce: Administracja > Zainstaluj Menedżera tagów Google. Kody dodajemy w dwóch miejscach – w sekcji: <head> (A) i <body>(B) sklepu.
Wygenerowane kody śledzące w Menadżerze tagów
Rys 1. Wygenerowane kody do obsługi managera tagów Google należy wkleić do sekcji nagłówka i stopki w Panelu administracyjnym sklepu.
Wygenerowane kody śledzące w Menadżerze tagów
Rys 1. Wygenerowane kody do obsługi managera tagów Google należy wkleić do sekcji nagłówka i stopki w Panelu administracyjnym sklepu.
Po skopiowaniu kodów, zaloguj się do Panelu administracyjnego sklepu.
Przejdź do menu: Dodatki i integracje (A) > Integracje własne (B), wklej skopiowane kody do pól: Nagłówek strony (C) i Stopka strony, przed zamknięciem (D). Kliknij: ZAPISZ (E)
Panel administracyjny sklepu > Dodatki i integracje > Integracje własne > Nagłówek i stopka strony
Rys 2. Wstaw kod GTM integrujący sklep Shoper z menedżerem tagów Google.
Panel administracyjny sklepu > Dodatki i integracje > Integracje własne > Nagłówek i stopka strony
Rys 2. Wstaw kod GTM integrujący sklep Shoper z menedżerem tagów Google.

Jak wprowadzić kod GTM do sklepu w szablonie Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 3. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 3. Uruchom edytor Shoper Visual Editor w technologii Storefront
Będąc w Shoper Visual Editor przejdź do zakładki: Pop-upy i dodatki (A), a następnie przejdź do edycji modułu: Google Analytics and Google Tag Manager (B).
W Shoper Visual Editor w zakładce Pop-upy kliknij Google Analytics and Google Tag Manager
Rys 4. Kliknij: Google Analytics and Google Tag Manager
W Shoper Visual Editor w zakładce Pop-upy kliknij Google Analytics and Google Tag Manager
Rys 4. Kliknij: Google Analytics and Google Tag Manager
W polu Identyfikator kontenera GTM wprowadź identyfikator w formacie GTM-XXXXXXXX (A). Możesz także zmienić Nazwę warstwy danych GTM jeśli dodajesz kolejny kontener GTM na stronę sklepu (B).
Możesz zaznaczyć chęć przesyłania danych za pomocą Google Tag Managera (C). Zaznacz aktywność modułu (D) i zapisz zmiany, klikając: ZAPISZ I OPUBLIKUJ (E).
Dodawanie kodu GTM w module Google Analytics and Google Tag Manager w Shoper Visual Editor
Rys 5. Wprowadź identyfikator kontenera GTM
Dodawanie kodu GTM w module Google Analytics and Google Tag Manager w Shoper Visual Editor
Rys 5. Wprowadź identyfikator kontenera GTM
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak zacząć korzystać z narzędzia Google Tag Manager?
  • Gdzie wkleić kod do obsługi Menedżera tagów w Panelu administracyjnym sklepu dla starego szablonu?
  • Jak dodać kod GTM w szablonie Storefront?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Dane kontaktowe

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności