W SKRÓCIE:
Google Tag Manager (GTM) – darmowe narzędzie, które pozwala m.in. śledzić zachowania użytkowników na Twojej stronie i wyłapać, jakie elementy witryny należy zoptymalizować.
Dzięki instalacji GTM możesz połączyć swoją witrynę lub program do rezerwacji m.in. z:
- Google Analytics
- Google Ads
- Hotjar
8 powodów, dla których warto zainstalować GTM:
- Jesteś bardziej samodzielny i nie musisz prosić programisty o dodawanie kolejnych kodów do strony.
- W łatwy sposób dodajesz narzędzia marketingowe do swojej strony lub aplikacji mobilnej.
- Masz dostęp do prostego zarządzania tagami.
- Nie musisz posiadać tajemnej wiedzy technicznej.
- Możesz skorzystać z gotowych reguł śledzenia zdarzeń i nie musisz tworzyć ich od zera.
- Twoja strona szybciej się ładuje, bo nie obciążają jej kolejne dodawane fragmenty kodu.
- Wszystkie zmiany przed opublikowaniem możesz przetestować, dzięki czemu masz pewność, że wdrażając konkretne modyfikacje, będą działać poprawnie.
- Możesz w prosty i szybki sposób przywrócić poprzednią wersję kontenera (zaraz powiemy, czym jest kontener).
Z jakich elementów składa się Google Tag Manager i do czego służą?
- Konto – z tego poziomu administrujesz wszystkimi zmianami
- Kontener – zbiór wszystkich tagów, które chcesz dodać do strony lub aplikacji mobilnej
- Tag – zbiera informacje na temat konkretnych zachowań użytkownika na stronie lub w aplikacji mobilnej
- Reguła – uruchamia tag; bez wyzwolonej reguły, dane nie zostaną przesłane do wybranego przez Ciebie narzędzia
- Zmienna – rodzaj filtru dodawany do tagu i reguły
Google Tag Manager to darmowe narzędzie, które umożliwia zarządzanie tagami i skryptami dodawanymi w witrynie. Dzieje się tak dzięki dodawaniu fragmentów kodu do witryny lub aplikacji (np. Google Analytics). Umożliwia to nam śledzenie działań wykonywanych przez użytkowników na stronie, np. kliknięcia w przycisk Dodaj do koszyka lub kliknięcia w zakładkę Kontakt, a także analizę, raportowanie, remarketing, a docelowo optymalizację strony, jej budowy i treści.
Przykładowe tagi, które możesz dodać:
- Google Analytics
- Google Ads
- Piksel Facebooka
- Skrypty narzędzi marketingowych (np. Hotjar)
- Kalendarz rezerwacji
Początkowo narzędzie może sprawiać wrażenie skomplikowanej maszyny, ale nic bardziej mylnego. Korzystanie z GTM, po pierwszych chwilach, jest intuicyjne, a my jesteśmy prowadzeni przez Google za rękę. Świetną wiadomością jest to, że zarządzanie tagami nie wymaga w żadnym stopniu grzebania w kodzie strony. Zrobisz to z poziomu wizualnego interfejsu w przeglądarce.
Warto spróbować i sprawdzić to narzędzie samodzielnie. Dlaczego? Powodów jest co najmniej 8:
- Uniezależniasz się od programistów
Być może znasz z własnej praktyki sytuacje, kiedy czekasz nawet 2-3 tygodnie, aż programista wklei kawałek kodu (np. tag remarketingowy Google Ads) do Twojej strony. Pomyśl, ile danych Ci ucieka w 2 tygodnie. Ile szans na skuteczny remarketing. Korzystając z GTM możesz taki kod wdrożyć samodzielnie w 15 minut i od razu czerpać z tego wymierne korzyści.
- Możesz w łatwy sposób dodawać narzędzia marketingowe
GTM udostępnia wiele narzędzi predefiniowanych. Wypełniasz kilka pól w tagu, ustawiasz regułę i gotowe. Co równie ważne, w dowolnym momencie możesz sprawnie dany kod usunąć ze strony. I to wszystko ponownie bez udziału programisty.
- Proste zarządzanie tagami
Korzystając z wielu kodów śledzących, marketingowych, narzędzi, łatwo się w nich wszystkich pogubić. Za sprawą GTM widzisz wszystko w jednym panelu. Widzisz jakie tagi są uruchamiane na konkretnych podstronach i w jakich warunkach. Włączasz, wyłączasz i edytujesz zawsze wtedy, gdy tego potrzebujesz. Dzięki GTM wszystko masz uporządkowane i pod ręką.
- Nie musisz mieć wiedzy technicznej
Brak umiejętności z zakresu Javascript czy HTML w żaden sposób nie uniemożliwia korzystania z GTM. Narzędzie jest tak skonfigurowane, że większość tagów dodasz bez konkretnej wiedzy.
- Masz gotowe reguły do śledzenia zdarzeń
Jeśli chcesz śledzić zaawansowane interakcje ze stroną takie, jak:
- czas spędzany na stronie
- interakcje z video
- scrollowanie strony
to w GTM możesz skorzystać z gotowych reguł. Nie musisz ani pisać ani szukać skomplikowanych reguł. Masz wszystko na jedno kliknięcie myszą. No dobra, kilka. Kilka kliknięć myszą 🙂
- Masz szybciej działającą stronę
A czas ładowania witryny ma ogromne znaczenie. Kilkanaście kodów Javascript wdrożonych na stronie mocno spowalnia ładowanie się strony. Jak strona ładuje się powoli, to użytkownicy zwyczajnie z niej wychodzą.
GTM wczytuje tagi asynchronicznie, a nie wszystkie naraz, jak w przypadku wpięcia ich bezpośrednio w kod strony. W ten sposób możesz przyspieszyć czas ładowania strony o kilka %, które mogą się przełożyć na kilka % więcej konwersji.
- Możesz przetestować nowe tagi przed opublikowaniem
Unikniesz w ten sposób sytuacji, w której publikujesz stronę, jest aktywna, zbiera ruch, ale tagi nie działają lub działają w sposób, jaki Ci nie odpowiada i zaburzają zbierane przez Ciebie statystyki. Korzystając z GTM możesz wszystkie tagi bez problemu przetestować przed wrzuceniem zmian online.
- Masz łatwy dostęp do poprzedniej wersji kontenera
Jeśli okaże się, że po opublikowaniu strony tag nie działa tak, jak powinien lub po jakimś czasie uznasz, że jednak nie jest Ci potrzebny, to bez problemu możesz wrócić do poprzedniej wersji kontenera. Znów, nie musisz zgłaszać tematu do programisty i czekać nawet 3 tygodni, żeby przywrócił Ci poprzednie ustawienia. Wszystko możesz zrobić samodzielnie w dowolnym dla Ciebie momencie i nie tracić czasu.
Przed rozpoczęciem korzystania z Google Tag Manager warto zapoznać się ze strukturą konta. Dla ułatwienia zrozumienia zależności pomiędzy poszczególnymi elementami przygotowaliśmy wizualizację graficzną:
- Cały proces zaczyna się od założenia konta tutaj.
Z poziomu jednego konta Google możesz możesz administrować tagami na wielu różnych stronach.
- Kolejny ważny element to kontener. To nic innego niż fragment kodu GTM, który instalujesz na swojej witrynie www lub w aplikacji mobilnej, aby połączyć je z Google Tag Managerem. Wystarczy, że masz dostęp do kodu źródłowego swojej strony.
Kod GTM ma dwie części – pierwszą z nich należy umieścić w sekcji <head>, a drugą w sekcji <body> Twojej strony. Wszystkie tagi, skrypty i inne dodawane kody są przechowywane w kontenerze. Dzięki temu dodając do swojej strony tylko jeden kontener (fragment kodu) ładujesz na nią wszystkie niezbędne tagi. Pamiętaj, na jednej stronie może być tylko jeden kontener.
- Niezwykle ważnym elementem kontenera jest tag. A właściwie tagi, bo rzadko kiedy kontener zawiera jeden tag. Najczęściej użytkownik chce zebrać informacje nt. różnych zdarzeń na stronie. Przykładowo chce sprawdzić, ile osób będąc na stronie klika przycisk Dodaj do koszyka, ile osób klika Powiadom mnie o dostępności i ile wchodzi w zakładkę Kontakt. Do tego właśnie służą tagi. Jest to fragment kodu lub skrypt. Umieszcza się go na stronie, aby zainstalować dodatkowe narzędzia lub zoptymalizować analitykę, np. aby przesyłać informacje do Google Analytics czy Hotjar.
- Warunkiem uruchomienia tagu jest reguła. Przykładowe reguły to Wyświetlenie strony lub Kliknięcia. Gdy zasady zdefiniowane w regule zostaną spełnione, odpowiednie dane zostaną przekazane do aplikacji, czyli zostanie uruchomiony tag. Jeden tag może mieć kilka reguł.
- Ostatni element to Zmienna. Nie ma jej zaznaczonej na grafice, bo zmienne mogą być wykorzystywane i w tagach i w regułach. Przy tagach określają filtr, który pozwala na uruchomienie określonego tagu. Przykładowo aktywują regułę w momencie wykonania przez użytkownika określonej czynności na Twojej stronie lub w aplikacji mobilnej (np. wszedł w zakładkę Kontakt).
Jeśli chodzi o zmienne w tagach, to służą one do wyłapywania dynamicznych wartości i przekazywania ich do tagu, np. do tagu śledzenia konwersji są przekazywane informacje o tym, ile i jakie produkty zostały kupione.
Wprowadzając zmiany zawsze upewnij się, czy ustalone reguły działają tak, jak tego oczekujesz. W tym celu kliknij w prawym górnym rogu przycisk Podgląd. Pojawi się okno, w którym musisz podać adres strony, której dotyczą zmiany. Powinna ona otworzyć się w oddzielnym oknie i jeśli wykonasz na niej kilka akcji, których dotyczą wprowadzane modyfikacje (np. kliknięcie w określoną zakładkę), to zostanie to odnotowane w trybie podglądu.
Gdy już skonfigurujesz wszystkie tagi, reguły i zmienne, nie zapomnij ich opublikować. Aby to zrobić, w panelu głównym Google Tag Managera kliknij w prawym górnym rogu przycisk Prześlij. Pojawi się okno, w którym będzie podsumowanie publikowanych zmian oraz formularz do wpisania wprowadzanych zmian. Możesz pominąć ten krok i od razu kliknąć przycisk Opublikuj. Wszystkie wprowadzone modyfikacje na stronie właśnie zostały wdrożone. Możesz teraz w Google Analytics lub innym narzędziu zewnętrznym śledzić konkretne zdarzenia i zachowania użytkowników na Twojej stronie lub w aplikacji mobilnej.
