Konfiguracja GTM

Google Tag Manager (GTM) to potężne narzędzie ułatwiające implementację tagów na stronie internetowej bez konieczności bezpośredniej modyfikacji kodu. Korzystanie z GTM pozwala na skuteczniejsze zarządzanie i optymalizację działań marketingowych oraz analitycznych. W tym artykule omówimy krok po kroku, jak skonfigurować GTM.

Spis treści:

Co to jest Google Tag Manager?

Google Tag Manager (GTM) to darmowe narzędzie firmy Google, które umożliwia zarządzanie różnymi tagami i skryptami na stronie internetowej z jednego interfejsu. Dzięki GTM można łatwo implementować i kontrolować tagi takie jak Google Analytics, Facebook Pixel, AdWords oraz wiele innych, bez konieczności angażowania deweloperów za każdym razem, gdy chcesz coś zmienić.

Zakładanie konta w GTM

Aby rozpocząć korzystanie z Google Tag Manager, musisz najpierw założyć konto. Jest to bardzo proste i składa się z kilku kroków:

  • Przejdź do strony Google Tag Manager: tagmanager.google.com
  • Zaloguj się na swoje konto Google.
  • Kliknij „Utwórz konto”.
  • Wprowadź nazwę konta, kraj oraz nazwę domeny.
  • Kliknij „Dalej”, aby przejść do konfiguracji kontenera.

Dodawanie konta i kontenera

Kontejner w GTM to miejsce, w którym przechowywane są wszystkie tagi, reguły i zmienne. Aby skonfigurować kontener, wykonaj następujące kroki:

  • Po utworzeniu konta, wprowadź nazwę kontenera (zazwyczaj nazwa strony lub aplikacji).
  • Wybierz, gdzie będzie używany kontener (Web, iOS, Android, AMP).
  • Kliknij „Utwórz”, następnie zaakceptuj warunki użytkowania.
  • Otrzymasz kod kontenera, który należy zainstalować na stronie.

Instalacja GTM na stronie

Kod GTM składa się z dwóch części: jednej, którą należy dodać do sekcji <head> oraz drugiej, którą należy umieścić bezpośrednio po otwarciu tagu <body>. Kod można skopiować z interfejsu GTM lub z poniższego przykładu:

  • W sekcji <head> dodaj kod:
    <!-- Google Tag Manager -->
    <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;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXX');</script>
    <!-- End Google Tag Manager -->
  • Bezpośrednio po otwarciu tagu <body> dodaj kod:
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

Podstawowa konfiguracja GTM

Po zainstalowaniu kodu GTM na stronie, można przystąpić do podstawowej konfiguracji. Aby to zrobić:

  • Zaloguj się do Google Tag Manager.
  • Wybierz odpowiedni kontener.
  • Przejdź do sekcji „Tagi”, a następnie kliknij „Nowy”.
  • Skonfiguruj nowy tag, wybierając jego typ (np. Universal Analytics), konfigurując ustawienia i dodając reguły aktywacji (np. All Pages).
  • Kliknij „Zapisz” i „Wyślij”, aby opublikować zmiany.

Przykłady konfiguracji tagów

Google Tag Manager pozwala na konfigurację różnych tagów. Oto kilka przykładów:

  • Google Analytics: Wybierz „Nowy tag”, następnie „Google Analytics: Universal Analytics”. Ustawing typ śledzenia (Page View, Event itp.) i skonfiguruj zmienne.
  • Facebook Pixel: Wybierz „Nowy tag”, następnie „Niestandardowy HTML”. Wklej kod Facebook Pixel i skonfiguruj reguły aktywacji.
  • AdWords Remarketing: Wybierz „Nowy tag”, następnie „AdWords Remarketing”. Skonfiguruj kod remarketingu i reguły aktywacji.

Weryfikacja i publikacja zmian

Przed opublikowaniem zmian warto je zweryfikować, aby upewnić się, że wszystko działa poprawnie:

  • Skorzystaj z trybu podglądu w GTM, klikając „Podgląd” w prawym górnym rogu.
  • Otwórz stronę internetową, aby zobaczyć podgląd tagów i sprawdzić, czy są aktywowane zgodnie z konfiguracją.
  • Jeżeli wszystko działa poprawnie, kliknij „Zakończ”, a następnie „Wyślij”, aby opublikować zmiany.

Konfiguracja Google Tag Manager może początkowo wydawać się skomplikowana, ale z czasem narzędzie to staje się niezastąpione w zarządzaniu tagami na stronie internetowej. Dzięki GTM można szybko i efektywnie implementować różne tagi, co pozytywnie wpływa na skuteczność działań marketingowych i analitycznych. Pamiętaj, aby zawsze dokładnie testować zmiany przed ich publikacją, aby uniknąć błędów i nieprawidłowego działania tagów.

Autor: Monika Kołodziejczyk • 16 sierpnia 2024
Poprzednia definicja
Następna definicja
Poprzednia definicja
Następna definicja

Zobacz też