Instalowanie kodu śledzenia i fragmentu kodu na swojej stronie EdCommerce
Last updated: October 9, 2026
Aby zintegrować fragment kodu ze swoją stroną internetową, zazwyczaj należy wykonać następujące kroki:
Krok 1. Uzyskaj kod fragmentu
Znajdź i skopiuj kod fragmentu z usługi lub platformy, z którą się integrujesz. Może to być piksel śledzący, widget czatu, osadzony formularz lub dowolny inny kod udostępniony przez usługę.
Jeśli próbujesz zainstalować kod Google Tag Manager lub Meta Pixel, zapoznaj się z poniższymi dedykowanymi sekcjami:
- Instalowanie Meta Pixel
- Instalowanie Google Tag Manager
Krok 2. Dodaj kod fragmentu do EdCommerce
Dodawanie skryptów do EdCommerce jest bardzo proste — wystarczy przejść do obszaru Integracje i kliknąć „Add Script Code”.
Wypełnij pola integracji skryptu w następujący sposób:
- Nazwa: Dodaj nazwę swojego fragmentu. Możesz użyć nazwy integrowanego narzędzia.
- Wstaw do: Head lub Body (zależy to od instrukcji usługi, z którą się integrujesz).
- Kod: Skopiuj odpowiedni kod fragmentu znaleziony na platformie innej aplikacji i wklej go tutaj.
Krok 3. Sprawdź ponownie, czy integracja działa prawidłowo
Proces upewniania się, że integracja działa prawidłowo, może się różnić w zależności od platformy, z którą się integrujesz. Niezwykle ważne jest zapoznanie się ze szczegółowymi instrukcjami integracji dostarczonymi przez usługę lub platformę, z którą pracujesz, ponieważ mogą one zawierać dodatkowe wymagania lub zalecenia dotyczące integrowania ich fragmentu kodu.
Instalowanie Google Tag Manager
Krok 1 — Uzyskaj fragment kodu z Google Tag Manager
Aby rozpocząć, zaloguj się na swoje konto Google Tag Manager pod adresem <https://tagmanager.google.com>
Po zalogowaniu zobaczysz listę kontenerów powiązanych z Twoim kontem. Wybierz kontener, z którym chcesz pracować, lub utwórz nowy dla EdCommerce.
Po wybraniu kontenera otwórz go, aby uzyskać dostęp do jego zawartości. W widoku ogólnym kontenera znajdź identyfikator kontenera w górnym menu i kliknij go (zwykle zaczyna się od GTM-XXX).
Znajdziesz dwa fragmenty kodu: jeden dla sekcji <head>, a drugi dla sekcji <body> swojej strony internetowej. W EdCommerce użyjemy tylko kodu znajdującego się w sekcji <head>.
Krok 2. Dodaj fragmenty kodu do EdCommerce
Dodawanie kodu fragmentu do EdCommerce jest bardzo proste — wystarczy przejść do obszaru integracji i kliknąć przycisk „Add Script Code”.
Wypełnij pola integracji skryptu w następujący sposób:
- Nazwa: Dodaj nazwę do swojego fragmentu kodu, na przykład Google Tag Manager.
- Wstaw do: Nagłówka (Nie użyjemy sekcji body dla Google Tag Manager)
- Kod: Skopiuj tutaj odpowiedni fragment kodu „header” znaleziony w Google Tag Manager.
Krok 3: Sprawdź, czy Google Tag Manager działa prawidłowo
Najłatwiejszym sposobem sprawdzenia, czy instalacja została wykonana prawidłowo, jest zainstalowanie rozszerzenia Google Tag Assistant do Chrome z Chrome Web Store.
Następnie wykonaj następujące kroki:
- Otwórz swoją stronę internetową w Google Chrome.
- Kliknij ikonę rozszerzenia Tag Assistant na pasku narzędzi Chrome.
- Pojawi się wyskakujące okno. Kliknij „Włącz”, aby rozpocząć nagrywanie.
- Przejdź po swojej stronie internetowej i wykonaj działania, które uruchamiają skonfigurowane przez Ciebie tagi w Google Tag Manager.
- Po zakończeniu działań ponownie kliknij ikonę rozszerzenia Tag Assistant.
- Tag Assistant przeanalizuje tagi uruchomione na każdej stronie i przedstawi raport.
- Przejrzyj raport pod kątem błędów lub ostrzeżeń związanych z konfiguracją Google Tag Manager.
Raport Tag Assistant wskaże, czy tagi z kontenera Google Tag Manager uruchamiają się prawidłowo, czy też występują jakieś problemy. Pamiętaj, aby przetestować różne scenariusze na swojej stronie internetowej, aby upewnić się, że wszystkie wybrane tagi uruchamiają się zgodnie z oczekiwaniami.
Dodatkowo możesz sprawdzić sekcję „Czas rzeczywisty” w Google Analytics, aby zobaczyć, czy dane są odbierane z Twojej strony internetowej. Jeśli podczas wykonywania działań na stronie Edcommerce w Google Analytics pojawiają się dane w czasie rzeczywistym, oznacza to, że Google Tag Manager prawidłowo wysyła dane do Google Analytics.
Instalowanie Meta Pixel
Jeśli skonfigurowałeś już Meta Pixel za pomocą tagów IMG lub planujesz to zrobić, zalecamy skorzystanie z dokumentacji deweloperskiej Facebooka.
W tym artykule pokażemy, jak skonfigurować i zainstalować Meta Pixel na stronie Edcommerce. Aby dowiedzieć się więcej o pikselu przed rozpoczęciem, zapoznaj się z korzyściami z instalacji Meta Pixel.
Jeśli masz już utworzony Meta Pixel i chcesz znaleźć jego podstawowy kod, przejdź do Kroku 2: Dodaj swój piksel do Edcommerce.
Krok 1: Utwórz i skonfiguruj Meta Pixel
- Przejdź do Menedżera zdarzeń.
- Kliknij Połącz źródła danych i wybierz Internet.
- Wybierz Meta Pixel i kliknij Połącz.
- Dodaj nazwę swojego piksela.
- Wprowadź adres URL swojej strony internetowej, aby sprawdzić dostępne opcje łatwej konfiguracji.
- Kliknij Kontynuuj.
\Więcej informacji można znaleźć w [Centrum pomocy Meta Business.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)
Krok 2. Dodaj swój piksel do EdCommerce
Piksel Meta zostanie dodany do EdCommerce ręcznie, dlatego musisz skopiować skrypt z Menedżera zdarzeń Meta i wkleić go do nagłówka swojej witryny EdCommerce.
Dodawanie skryptów do EdCommerce jest bardzo proste — wystarczy przejść do obszaru Integracje i kliknąć „Dodaj kod skryptu”
Wypełnij pola integracji skryptu w następujący sposób:
- Nazwa: Dodaj nazwę skryptu, na przykład Piksel Meta lub Piksel Facebooka
- Wstaw do: Nagłówek (Nie użyjemy sekcji body dla Piksela Meta)
- Kod: Skopiuj tutaj kod znaleziony w Menedżerze zdarzeń Meta.
Następnie kliknij „Zapisz”.
Krok 3. Sprawdź, czy Twój piksel Meta działa prawidłowo
Aby sprawdzić, czy Twój Piksel Facebooka jest prawidłowo połączony i działa, możesz wykonać następujące kroki:
- Zaloguj się na swoje konto Facebook Business Manager pod adresem https://business.facebook.com.
- Przejdź do zakładki „Źródła danych” na pasku bocznym po lewej stronie.
- W sekcji „Piksele” powinien być widoczny Twój Piksel Facebooka. Jeśli jest połączony i działa prawidłowo, będzie oznaczony zieloną kropką wskazującą, że jest aktywny.
- Kliknij nazwę swojego Piksela, aby uzyskać dostęp do jego ustawień i dodatkowych informacji.
- W ustawieniach Piksela możesz przejrzeć śledzone zdarzenia, sprawdzić błędy lub ostrzeżenia oraz zobaczyć ostatnią aktywność Piksela.