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?
- Zakładanie konta w GTM
- Dodawanie konta i kontenera
- Instalacja GTM na stronie
- Podstawowa konfiguracja GTM
- Przykłady konfiguracji tagów
- Weryfikacja i publikacja zmian
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.