Wstęp do Google Tag Managera dla początkujących

google tag manager dla początkujących

 

Posiadasz stronę internetową i prowadzisz działania reklamowe? Bądź o krok przed konkurencją i zadbaj o niezbędne narzędzia, które pozwolą optymalizować kampanie i analizować ruch na Twojej stronie. W tym wpisie dowiesz się jak zacząć pracę w Google Tag Managerze.

 

Spis treści:

 

Co to jest Google Tag Manager?

 

Google Tag Manager to darmowe narzędzie, które pozwala na samodzielne dodawanie fragmentów kodu na stronie internetowej. Wykorzystując Google Tag Manager, w prosty i szybki sposób, bez pomocy programisty lub administratora strony możesz ingerować w kod źródłowy Twojej strony. Za pomocą GTM, w ciągu kilku minut będziesz mógł zacząć korzystać m.in. z:

 

  • Google Analytics – najpopularniejsze narzędzie do analityki Twojej strony internetowej
  • Tag Google Ads – zbiera dane i pozwala na tworzenie kampanii remarketinowych w Google Ads
  • Pixel Facebooka – analizowanie ruchu na stronie oraz optymalizowanie kampanii pod wybrane zdarzenia
  • Mapa cieplna (np. Hotjar) – analizowanie zachowania użytkowników na stronie internetowej

 

Co będzie potrzebne?

 

Aby móc korzystać z Google Tag Managera niezbędne jest posiadanie konta Google oraz dodanie specjalnego kodu, który generowany jest indywidualnie dla każdego konta. Dokładną instrukcje jak utworzyć konto i wygenerować kod znajdziesz w kolejnym kroku.

 

Kod musi zostać dodany w dwóch miejscach – pierwszy w sekcji <head></head>, a drugi w sekcji <body></body>. Jeżeli nie wiesz jak dostać się do plików źródłowych Twoje strony, musisz poprosić o pomoc programistę lub administratora strony.

 

Wskazówka: 

Jeżeli posiadasz stronę na WordPress, przejdź do zakładki Wygląd -> Edytor i po prawej stronie znajdź plik header.php (nagłówek motywu). W tym miejscu możesz w szybki sposób dodać kod GTM.

 

Tworzenie konta w Google Tag Manager

 

Aby zalogować się do konta przejdź na stronę www.tagmanager.google.com, a następnie wybierz opcje (1)”Utwórz konto”.

 

zakładanie konta google tag manager

 

Następnie wpisz (2)nazwę konta oraz (3)wybierz kraj. W kolejnym kroku zaakceptuj regulamin i przejdź dalej.

 

zakładanie konta google tag manager

 

W kolejnym kroku (4)wpisz adres domeny Twojej strony internetowej i (5)wybierz miejsce, w którym będziesz korzystał z GTM.

 

zakładanie konta google tag manager

 

Na koniec skopiuj i wklej dwa kody:

  • (6)pierwszy wklej w sekcji <head></head>
  • (7)drugi wklej w sekcje <body></body>

 

zakładanie konta google tag manager

 

 

Weryfikacja Google Tag Managera

 

Po dodaniu kodów w odpowiednich miejscach pozostała Ci tylko weryfikacja. W tym kroku sprawdzisz, czy Twoje kody na pewno zostały dobrze zaimplementowane. W celu weryfikacji ściągnij wtyczkę Tag Assistant.

 

Teraz wejdź na swoją stronę internetową, lewym przyciskiem myszy wybierz wtyczkę w górnej części Twojej przeglądarki i wciśnij „Enable”. W tym momencie wystarczy, że odświeżysz stronę. Jeżeli rezultat weryfikacji wygląda tak, jak na zdjęciu poniżej to wszystko powinno działać poprawnie, a Twój Google Tag Manager jest gotowy do użycia 🙂

 

zakładanie konta google tag manager

 

Jak dodać Pixel Facebooka za pomocą Google Tag Managera

pixel facebook google tag manager

 

Osoba odpowiedzialna za zmiany na Twojej stronie internetowej jest na urlopie lub nie odbiera telefonu, a Ty pilnie potrzebujesz dodać fragment kodu na stronie? W tym wpisie zajmiemy się dodaniem Pixela Facebooka na stronie internetowej. Wykorzystując ten sposób możesz analogicznie zaimplementować kod Google Ads lub Google Analytics. Wiem, że Google Tag Manager przy pierwszym kontakcie może wydawać się skomplikowany. Uwierz mi, że na potrzeby wpięcia kodu na witrynę nie potrzebujesz wielkich umiejętności. Metoda ta jest prosta i szybka. Odkąd pierwszy raz zetknąłem się z tym narzędziem, prawie w ogóle nie ingeruje bezpośrednio w pliki źródłowe strony. Zaczynajmy!

 

Spis treści:

 

Czego potrzebujesz, aby korzystać z Google Tag Managera?

 

Zapoznaj się z poradnikiem „Jak zacząć korzystać z Google Tag Manager” – opisuje w nim krok po kroku, jak rozpocząć pracę w GTM. Po tym krótkim wstępie możemy rozpocząć dodawanie Pixela Facebooka za pomocą Google Tag Managera.

 

Skopiuj Pixel Facebooka

 

  • Przejdź do Menadżera Konta, następnie wybierz z menu zakładkę Menedżer zdarzeń.
  • Wybierz przycisk „Skonfiguruj”, znajdujący się w prawym, górnym rogu.

 

Jak dodać Pixel Facebooka za pomocą Google Tag Managera

 

  • Przejdź dalej, wybierając opcje „Zainstaluj kod ręcznie”.

 

Jak dodać Pixel Facebooka za pomocą Google Tag Managera

 

  • Skopiuj cały kod piksela

pixel facebooka google tag manager

 

Jak dodać Pixel Facebooka za pomocą Google Tag Managera

 

Stwórz regułę – będzie ona odpowiedzialna za to, aby Pixel Facebooka działał na każdej podstronie:

  • (1)przejdź do zakładki „Reguły”
  • (2)wybierz przycisk „Nowe”
  • (3)zmień nazwę reguły – w moim przypadku będzie to „Wszystkie strony”
  • (4)wybierz regułę, klikając w miejsce obok nr. 4.

 

pixel facebooka google tag manager

 

  • (5)Wybierz typ reguły „Wyświetlenie strony”

 

pixel facebooka google tag manager

 

  • (6)Upewnij się, że zaznaczona jest opcja „Wszystkie wyświetlenia strony”

 

pixel facebooka google tag manager

 

Tworzenie Tagu – dodaj skopiowany kod Pixela Facebooka.

  • (1)przejdź do zakładki „Tagi”
  • (2)wybierz przycisk „Nowy”
  • (3)zmień nazwę Tagu – w moim przypadku będzie to „Facebook Pixel”
  • (4)wybierz regułę „Wszystkie strony” klikając w pole „Wybierz regułę, aby ten tag był uruchamiany…”

 

pixel facebooka google tag manager

 

  • (5)kliknij „Wybierz typ tagu, aby rozpocząć konfigurację…”
  • (6)wybierz tag niestandardowy kod HTML

 

pixel facebooka google tag manager

 

  • (7)wklej wcześniej skopiowany kod pixela facebooka
  • (8)kliknij „Zapisz”

 

pixel facebooka google tag manager

 

Uff…To już prawie koniec!

Teraz naciśnij znajdujący się w prawym, górnym rogu przycisk „Prześlij”, wpisz nazwę wersji np. „implementacja pixela facebooka” i wybierz przycisk „Opublikuj”, który również znajduje się w prawym, górnym rogu ekranu.

 

Weryfikacja. Czy wszystko poszło dobrze?

 

Do weryfikacji kodu będziemy potrzebować wtyczki Facebook Pixel Helper, z której ja korzystam na przeglądarce Google Chrome – POBIERZ

 

Po zainstalowaniu wtyczki przechodzimy na naszą stronę internetową i lewym przyciskiem myszy wybieramy pobraną wtyczkę z górnego menu przeglądarki. Jeżeli nic nie świeci się na czerwono, a Twoja wtyczka wygląda, tak jak na poniższym zrzucie ekranu to wszystko poszło po naszej myśli 🙂

 

wtyczka pixel helper

 

Pamiętaj, że w ten sam sposób możesz dodawać inne kody do swojej strony, np. Google Ads lub Google Analytics. Jeżeli chcesz dodać kod remarketinowy Google Ads możesz skorzystać z wtyczki Tag Assistant (Pobierz), która pozwoli Ci zweryfikować poprawie wpięty kod.

 

Jeżeli nadal masz problem z tym, jak dodać Pixel Facebooka za pośrednictwem Google Tag Manager napisz do mnie za pośrednictwem formularza z prawej strony.