Google Tag Manager – przewodnik dla nieprogramistów


 

gtm-cover Google Tag Manager coraz częściej instalowany jest na naszych stronach internetowych.

Narzędzie do zarządzania tagami na stronach internetowych firmy Google jest obecnie jednym z najczęściej używanych tego typu narzędzi na świecie. Zwłaszcza, że GTM jest wykorzystywany obecnie nie tylko na stronach WWW, ale także w zarządzaniu aplikacjami mobilnymi.

O GTM pisałem już wcześniej przy okazji wprowadzenia śledzenia automatycznych zdarzeń w GTM

Popularność Google Tag Managera ciągle rośnie. Chociażby w trendach na stronie builtwith.com widać wyraźnie gwałtowny wzrost jego wykorzystania. Warto zwrócić również uwagę na użycie tego narzędzia wśród pierwszych 10tys stron pod względem popularności.

zrzut-ekranu-2014-03-16-o-13-40-36

GTM (Google Tag Managr) miał  wybawić marketing od dwóch rzeczy:

  1. Straty czasu potrzebnego do modyfikacji i implementacji kodów marketingowych na stronach.
  2. Zależności od działów odpowiedzialnych za obsługę IT w firmach.

Jednak tak najczęściej się nie dzieje. Potrzebujemy obsługi specjalistów nie tylko do implementacji samego GTM na stronie, ale też do jego obsługi. Trochę to groteskowe, ale tak się dzieje.

Przyczyną często jest niechęć do poznawania rozwiązań uznanych za “niemarketingowe”, ale też jednak techniczny charakter tego narzędzia jakim jest GTM. My, jako osoby związane z marketingiem, chętniej poznajemy nowe strategie działań marketingowych, rozwiązania generujące konwersje, klientów, ruch na stronie. Mniej interesuje nas tzw. zaplecze. Pierwotnie takie było założenie, że marketingowiec zajmuje się marketingiem, a osoby techniczne, technologiami.

Niestety jednak, albo stety, takie mamy czasy, że marketingowiec musi stać się także sobą rozumiejącą możliwości i sposób działania nie tylko języków typu html, css czy javascript. Musimy także coraz bardziej wchodzić w kwestie techniczne we wszystkich obszarach naszej działalności. Jeśli nie rozumiemy technologii, którą się posługujemy, nie będziemy w stanie efektywnie ich wykorzystywać.

Stąd pomysł na przewodnik po Google Tag Managerze.

Przewodnik napisałem dla osób, które na co dzień pracują w dziale marketingu, planują i tworzą kampanie w różnych mediach internetowych. Potrzebują mierzyć swoje działania i odpowiadać szybko na reakcję rynku. Potrzebują mieć pełną kontrolę na swoimi stronami internetowymi i być jak najbardziej niezależne od innych podmiotów w firmie. Właśnie ze względu na potrzebę szybkiego dostosowania się do rynku, walki z konkurencją i wychodzeniem naprzeciw nowym trendom. Czemu organizacja zazwyczaj wcale nie pomaga.

Przewodnik został napisany w sposób jak najbardziej nietechniczny. Tak, żeby wszystko było jasne dla osób nie pracujących na co dzień z kodem htmla, css, javascript i tym podobnych. Mam nadzieję, że także osobom bardziej zaawansowanym będzie pomocny w niektórych aspektach działań z GTM.

Wszelkie komentarze i sugestie mile widziane. Będę starał się dokładać do niego kolejne rozwiązania wraz z rozwojem Google Tag Managera.

Spis treści:

    1. Wstęp
    2. Tag manager – wprowadzenie.
    3. Jak działa GTM ?
    4.  Struktura Google Tag Managera
      1. Co to są  tagi
      2. Co to jest kontener?
      3. Co to są reguły?
      4. Co to są makra?
    5. Google Tag Manager na stronie internetowej
    6. Instalacja Google Tag Managera – krok po kroku.
      1. Krok 1 – Zakładanie konta GTM
      2. Krok 2 – Tworzenie pierwszego tagu
    7. Instalacja podstawowych skryptów na stronie
      1. Instalacja statystyk Google Analytics przy pomocy GTM
      2. Pierwsza reguła w GTM
      3. Testowanie nowo stworzonego tagu
      4. Instalacja śledzenia konwersji Google AdWords w GTM
    8. Pierwszy kontakt z makrami w Google Tag Managerze
      1. Z czego składa się makro i jak się je tworzy?
      2. Implementacja remarketingu Google AdWords za pomocą GTM
    9. Google Tag Manager – zaawansowane przypadki wykorzystania
      1. Warstwa Danych – co to jest i do czego się ją stosuje?
        1. Co to jest Warstwa Danych?
        2. Jak wygląda Warstwa Danych?
        3. Dodawanie zmiennych i wartości do Warstwy Danych
      2. Śledzenie zdarzeń w Google Analytics za pomocą GTM
        1. Naciśnięcie guzika jako zdarzenie w Google Analytics
        2. Więcej guzików (zdarzeń) do mierzenia na jednej stronie
        3. Mierzenie akcji na stronie za pomocą wirtualnych odsłon
    10. Automatyczne zdarzenia w GTM (auto event tracking)
      1. Auto-tagowanie w praktyce (wstęp)
      2. Automatyczne mierzenie kliknięcia na guzik (link)
      3. Trochę więcej o makrach w automatycznych zdarzeniach
      4. Dostępne makra i ich możliwości
        1. Auto-Event Variable (zmienna zdarzenia automatycznego)
        2. Makro Constant String (Ciąg stały).
        3. Makro – Custom Events (Zdarzenia niestandardowe)
        4. DataLayer Variable (Zmienna Warstwy Danych)
        5. DOM elements (elementy DOM )
        6. HTTP referrer (strona odsyłająca HTTP)
        7. Javascript Variable (Niestandardowy kod JavaScript)
        8. Random Number (Losowa Liczba)
        9. Makro URL
        10. Lookup Table (tabela przeglądowa)
      5. Mierzenie linków wychodzących jako zdarzeń automatycznych w GA
      6. Mierzenie pobrań dokumentów (np. PDF) jako zdarzeń automatycznych w GA.
      7. Mierzenie kliknięć na obrazki jako zdarzenia na stronie w GA
    11. Cross-domain tracking za pomocą GTM (UA)
    12. Instalacja dynamicznego remarketingu za pomocą GTM
      1. Metoda pierwsza – standardowa
      2. Metoda druga – bez przekazywania zmiennych programistycznie
    13. Ecommerce tracking w GA za pomocą GTM
    14. Konfiguracja realnego wskaźnika odrzuceń w Google Analytics
    15. Tagi niestandardowe w GTM
    16. Wykorzystanie GTM w aplikacjach mobilnych
      1. Zarządzanie tagami w aplikacji – kilka słów
      2. Wprowadzania zmian w aplikacji (rewolucja)
      3. Problem z aplikacjami mobilnymi
      4. Jak działa GTM dla aplikacji?
      5. Co można zmienić, przez GTM, w aplikacji?

 

  1. Kilka myśli podsumowujących.
  2. Plan migracji do GTM
  3. Zakończenie

 

Pobierz Przewodnik w trzech formatach do wyboru:

  1. Google Tag Manager – Przewodnik (PDF) – NOWA WERSJA
  2. Google Tag Manager – Przewodnik (MOBI) – wersja dotycząca starego interfejsu
  3. Google Tag Manager – Przewodnik (EPUB – wersja dotycząca starego interfejsu

17 Comments

Add yours
  1. 1
    Adam

    Witam,

    czy planowane jest wydanie pliku w formacie EPUB? Jest to międzynarodowy standard e-booków. MOBI to format Amazon Kindle.

    Pozdrawiam.

  2. 3
    Piotrek

    A już się zastanawiałem czy blog umarł a tutaj po prostu większy materiał był w przygotowaniu 😉 Świetna inicjatywa!

  3. 5
    Adam

    Gratuluję świetnie popełnionego wpisu – zaraz zabieram się za studiowanie przewodnika 🙂

  4. 7
    Wojtek

    Chyle czoła. Kawał dobrej roboty! Dziękuję za popradnik już pobrałem.

  5. 8
    ariel

    łooo boże, 140 stron? Pobieram to na smartfona bo jak zacznę w robocie czytać to mnie wyrzucą :D. Szacunek że tyle chciało Ci sie pisać.. mam nadzieje że bede miał tyle samo samozaparcia i przeczytam choćby połowę 😀

    • 9
      Przemysław Modrzewski

      Czasem łatwiej napisać niż czytać hehe. Niestety nie mogę zapewnić niespodziewanych zwrotów akcji i intryg. No i nie dowiesz się na końcu kto zabił 😉 Ale taką mamy branżę 😉

  6. 11
    Dawid

    Idealnie wstrzeliłeś się w bieżące zapotrzebowanie, Przemku. Dobry, uporządkowany materiał!

  7. 13
    Ewka

    czy jeśli umieścimy jednorazowo kod kontenera w stopce, to czy będzie on dobrze funkcjonował?

    poradnik pierwsza klasa;)

    • 14
      Przemysław Modrzewski

      Zaleca się umieścić go na górze treści czyli w zaraz pod tagiem “Body”. Na dole będzie działał raczej, ale nie ma gwarancji, że wszystkie tagi się poprawnie załadują.

  8. 16
    Konrad

    Świetny poradnik. Naprawdę genialna robota.
    Mam natomiast pytanie odnośnie sprawdzania poprzez konsolę java script (ctrl shif j): co może być powodem że click listener nie tworzy nowych “object” a same automatyczne zdarzenia oparte o niego działają i są zliczane?

  9. 17
    Patrycja

    Witam,

    Jakiś czas temu czytałam ten post i sama walczyłam z moimi pierwszymi eventami. Jednak gdzieś na jakimś forum znalazłam info o narzędziu, które całą sprawę ułatwiło. Postanowiłam, że się podzielę, bo może i Panu się przyda. A więc to jest chrome extension po angielsku, ale dość banalne. Tylko początek jest w innym języku, później przełączyło mi się na polski, bo tak mam ustawione w moim Tag Manager.

    Link do strony z której to pobrałam: https://pixpecker.io/

    Mam nadzieję, że może się przydać do czegoś ta informacja.

    Pozdrawiam serdecznie!

+ Leave a Comment