Kod śledzenia (Tanganica Pixel) pozwala Ci monitorować skuteczność reklam, uzyskiwać szczegółowe statystyki i odblokować dodatkowe funkcje. Oto jak skonfigurować go w Google Tag Manager (GTM):
📷 Przewodnik krok po kroku ze zrzutami ekranu: Zainstaluj kod śledzenia przez Google Tag Manager. Możesz także przesłać ten link swojemu programiście.
1. Sprawdź swój kontener GTM
Zaloguj się do Google Tag Manager.
Jeśli masz już kontener dla swojego sklepu, użyj go.
Jeśli nie, utwórz nowy (Konto → Nowy kontener → wpisz URL sklepu → wybierz Sieć → zapisz).
GTM poda Ci 2 fragmenty kodu → pierwszy umieść w <head>, drugi zaraz po <body> na Twojej stronie.
2. Dodaj tag Tanganica Pixel
W GTM przejdź do Tagi → Nowy.
Nazwij go Tanganica Pixel.
Wybierz Konfiguracja tagu → Własny HTML.
Wklej kod śledzenia Tanganica.
<!-- Tanganica pixel -->
<script>(function(w,d,s,l,i){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),
dl=l!='dataLayer'?'&l='+l:'';j.async=true;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TRS5RSN');</script>
<!-- End Tanganica pixel -->
Wklej kod bez żadnych zmian. Nie zamieniaj ID GTM-TRS5RSN na swój ID kontenera: należy on do naszego kontenera z Tanganica Pixel, a Twój kontener tylko go uruchamia.
Ustaw Wyzwalacz → Wszystkie strony.
Zapisz.
3. Opublikuj zmiany
Kliknij Prześlij → nazwij wersję (np. Tanganica Pixel dodany) → Opublikuj.
❗ Po publikacji kliknij Uruchom test na końcu kroku Dodaj kod śledzenia w przewodniku konfiguracji. Sklep otworzy się w nowym oknie i możesz je zamknąć po kilku sekundach. Po zakończeniu przewodnika możesz też uruchomić test w Ustawienia → Kod śledzenia.
⚡ Czy Tanganica Pixel spowalnia Twoją stronę?
Kod śledzenia Tanganica ładuje nasz własny kontener GTM-TRS5RSN. Zawiera tylko Tanganica Pixel i ładuje się asynchronicznie, więc przeglądarka nie wstrzymuje ładowania Twojej strony z tego powodu. Nie trzeba więc nic zmieniać ani optymalizować wewnątrz kontenera.
To nie znaczy, że nie ma żadnego wpływu. Przeglądarka nadal musi pobrać i uruchomić skrypt, więc przy wolnym łączu może on konkurować o pasmo i wydajność urządzenia z treścią Twojej strony.
Aby przyspieszyć wyświetlanie strony (LCP), Google zaleca głównie zmiany po stronie Twojej witryny. LCP mierzy moment wyświetlenia największego obrazu lub bloku tekstu w widocznej części strony, zwykle głównego zdjęcia:
Dodaj głównemu zdjęciu na górze strony atrybut
fetchpriority="high", żeby przeglądarka pobrała je w pierwszej kolejności.Nie ustawiaj leniwego ładowania (lazy-load) dla głównego zdjęcia, czyli pomiń atrybut
loading="lazy".
Szybkość swojej strony sprawdzisz bezpośrednio w Tanganica w sekcji Diagnostyka.
Rozwiązywanie problemów, gdy Pixel nie jest wykrywany:
Upewnij się, że zmiany zostały opublikowane w GTM.
Zweryfikuj, czy kontener GTM jest zainstalowany na Twojej stronie.
Potwierdź, że wyzwalacz ustawiono na Wszystkie strony.
Sprawdź, czy strony Twojego sklepu internetowego poprawnie się ładują.