Przejdź do głównej zawartości

Google Tag Manager

Jak skonfigurować Tanganica Pixel w Google Tag Manager, opublikować i przetestować kod oraz jak wpływa to na szybkość ładowania Twojej strony.

A
Napisane przez Admin

Kod pomiarowy (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 pomiarowy przez Google Tag Manager. Ten link możesz także wysłać swojemu deweloperowi.

1. Sprawdź swój kontener GTM

  • Zaloguj się do Google Tag Manager.

  • Jeśli już masz kontener dla swojego sklepu, użyj go.

  • Jeśli nie, utwórz nowy (Konto → Nowy kontener → wpisz URL sklepu → wybierz Web → zapisz).

  • GTM wygeneruje dla Ciebie 2 fragmenty kodu → pierwszy umieść w <head>, drugi zaraz po <body> na swojej stronie.

2. Dodaj tag Tanganica Pixel

  • W GTM przejdź do Tagi → Nowy.

  • Nazwij go Tanganica Pixel.

  • Wybierz Konfiguracja tagu → Własny HTML.

  • Wklej kod śledzący 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 -->

  • 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 pomiarowy w przewodniku konfiguracji. Twój sklep otworzy się w nowym oknie i możesz je zamknąć po kilku sekundach. Po ukończeniu przewodnika możesz też uruchomić test w Ustawienia → Kod pomiarowy.

⚡ Czy Tanganica Pixel spowalnia Twoją stronę?

Kod pomiarowy Tanganica ładuje własny kontener GTM-TRS5RSN. Zawiera tylko Tanganica Pixel i ładuje się asynchronicznie, więc przeglądarka nie wstrzymuje ładowania Twojej strony przez ten kod. W środku kontenera nie trzeba więc niczego zmieniać ani optymalizować.

To nie oznacza braku wpływu. Przeglądarka i tak musi pobrać i uruchomić skrypt, więc przy wolnym połączeniu może on konkurować z zawartością Twojej strony o przepustowość i wydajność urządzenia.

Aby strona wyświetlała się szybciej (LCP), Google przede wszystkim rekomenduje zmiany na Twojej stronie. LCP mierzy moment wyświetlenia największego obrazu lub bloku tekstu w widocznej części strony, zazwyczaj głównego zdjęcia:

  • Nadaj głównemu obrazkowi na górze strony atrybut fetchpriority="high", aby przeglądarka pobrała go w pierwszej kolejności.

  • Nie stosuj leniwego ładowania głównego obrazka, czyli pomiń atrybut loading="lazy".

Możesz sprawdzić szybkość swojej strony bezpośrednio w Tanganica w sekcji Diagnostyka.

Rozwiązywanie problemów, jeśli Pixel nie jest wykrywany:

  • Upewnij się, że zmiany są opublikowane w GTM.

  • Zweryfikuj, czy kontener GTM jest zainstalowany na Twojej stronie.

  • Sprawdź, czy wyzwalacz jest ustawiony na Wszystkie strony.

  • Upewnij się, że strony Twojego sklepu internetowego ładują się poprawnie.

Czy to odpowiedziało na twoje pytanie?