Google Tag Manager Nie dla programistów

Transkrypt

1 Google Tag Manager Nie dla programistów Przewodnik po Google Tag Managerze dla specjalistów marketingu i innych zawodów nie związanych z programowaniem. Przemysław Modrzewski, marketinglab.pl Warszawa, 2014

2 Wstęp Dziękuję za zainteresowanie moim przewodnikiem dotyczącym, jakże przydatnego narzędzia jakim jest Google Tag Manager. Narzędzie to, coraz częściej jest obecne na stronach internetowych, a celem jego instalacji jest chęć usamodzielnienia się działu marketingu od działów odpowiedzialnych za obsługę IT oraz potrzeba przyspieszenia wprowadzania zmian na stronie w obrębie marketingowej i analitycznej. Aby jednak móc się naprawdę usamodzielnić, trzeba wiedzieć jak tego narzędzia używać. Często wiąże się to z kwestiami technicznymi, co nie dla wszystkich marketingowców bardzo dobrze znane. W końcu specjalista marketingu nie musi być programistą czy osobą techniczną. Niestety jednak coraz bardziej jest to stwierdzenie teoretyczne. Na tym polu powstał pomysł, aby przybliżyć temat techniczny, osobom nie technicznym w sposób jak najmniej techniczny ;). Przewodnik powstał też w ramach mojego przyswajania wiedzy o tym narzędziu i odkrywania jego możliwości. Czasem trzeba przerobić materiał samemu, aby go zrozumieć. Tak właśnie niestety jest u mnie. Dzięki temu powstał ten materiał, który mam nadzieję przyda się także komuś jeszcze. Poradnik ten nie omawia wszystkich opcji i nie opisuje wszystkich możliwości GTM. Ma on dać pojęcie co można za jego pomocą zrobić, zrozumieć jego działanie i wykorzystać go w najbardziej popularnych przypadkach. Dalszą naukę i rozwój w tym zakresie pozostawiam Czytelnikowi. Wszelkie informacje o znalezionych błędach stylistycznych, merytorycznych albo pomysły na dodatkowe rozdziały, mile widziane J Życzę zrozumiałej lektury Przemek Modrzewski 2

3 Spis treści Wstęp... 2 Tag manager - wprowadzenie... 5 Jak działa GTM?... 6 Struktura Google Tag Managera... 7 Co to są tagi?... 8 Co to jest kontener?... 8 Co to są reguły?... 9 Co to są makra? Google Tag Manager na stronie internetowej Instalacja Google Tag Managera - krok po kroku Krok 1 - Zakładanie konta GTM Krok 2 Tworzenie pierwszego tagu Instalacja podstawowych skryptów na stronie Instalacja statystyk Google Analytics przy pomocy GTM Pierwsza reguła w GTM Testowanie nowo stworzonego tagu Instalacja śledzenia konwersji Google AdWords w GTM Pierwszy kontakt z makrami w Google Tag Managerze Z czego składa się makro i jak się je tworzy? Implementacja remarketingu Google AdWords za pomocą GTM Google Tag Manager - zaawansowane przypadki wykorzystania Warstwa Danych - co to jest i do czego się ją stosuje? Co to jest Warstwa Danych? Jak wygląda Warstwa Danych? Dodawanie zmiennych i wartości do Warstwy Danych Śledzenie zdarzeń w Google Analytics za pomocą GTM Naciśnięcie guzika jako zdarzenie w Google Analytics Więcej guzików (zdarzeń) do mierzenia na jednej stronie Mierzenie akcji na stronie za pomocą wirtualnych odsłon Automatyczne zdarzenia w GTM (auto event tracking) Auto- tagowanie w praktyce (wstęp) Automatyczne mierzenie kliknięcia na guzik (link) Trochę więcej o makrach w automatycznych zdarzeniach Dostępne makra i ich możliwości Auto- Event Variable (zmienna zdarzenia automatycznego) Makro Constant String (Ciąg stały) Makro - Custom Events (Zdarzenia niestandardowe) DataLayer Variable (Zmienna Warstwy Danych) DOM elements (elementy DOM ) HTTP referrer (strona odsyłająca HTTP) Javascript Variable (Niestandardowy kod JavaScript) Random Number (Losowa Liczba) Makro URL Lookup Table (tabela przeglądowa) Mierzenie linków wychodzących jako zdarzeń automatycznych w GA Copyright by Przemek Modrzewski, 3

4 Mierzenie pobrań dokumentów (np. PDF) jako zdarzeń automatycznych w GA Mierzenie kliknięć na obrazki jako zdarzenia na stronie w GA Cross- domain tracking za pomocą GTM (UA) Instalacja dynamicznego remarketingu za pomocą GTM Metoda pierwsza - standardowa Metoda druga - bez przekazywania zmiennych programistycznie Ecommerce tracking w GA za pomocą GTM Konfiguracja realnego wskaźnika odrzuceń w Google Analytics Tagi niestandardowe w GTM Wykorzystanie GTM w aplikacjach mobilnych Zarządzanie tagami w aplikacji kilka słów Wprowadzania zmian w aplikacji (rewolucja) Problem z aplikacjami mobilnymi Jak działa GTM dla aplikacji? Co można zmienić, przez GTM, w aplikacji? Kilka myśli podsumowujących Plan migracji do GTM Zakończenie

5 Tag manager - wprowadzenie Tag manager to narzędzie ułatwiające pracę z licznymi kodami marketingowymi, które pozwalają na śledzenie, mierzenie i akcje marketingowe do użytkowników naszej strony. Dzięki GTM nie musimy edytować stron WWW, aby dokonać jakiś zmian lub dodawać nowe kody marketingowe. Wystarczy jednorazowe wklejenie kodu GTM na naszą strony. GTM odpowiada na potrzebę kontroli implementacji różnych kodów na stronę przez marketing a nie przez dział IT. Wiemy, że do prowadzenia skutecznego marketingu w internecie potrzebne jest coraz więcej narzędzi podłączonych do naszej strony. Do tej pory, aby cokolwiek nowego wprowadzić, zmienić na stronę w kwestii kodów marketingowych, potrzebna była interwencja działu IT lub webmastera. Zazwyczaj proces ten stawał się wtedy dość długi. Dodatkowo brak zrozumienia sposobu działania różnych narzędzi marketingowych przez dział IT, powodował częste błędne instalacje. Kolejna strata czasu. Dzięki GTM specjalista ds. marketingu czy inna osoba odpowiedzialna za działania marketingowe w internecie może samodzielnie, w kilka minut, samodzielnie dodać i modyfikować każdy kod potrzeby do działania różnych narzędzi, pomiaru i śledzenia, bez potrzeby kontaktu z działem IT. GTM ma także wiele innych możliwości, o których powiemy w trakcie tego ebooka. Copyright by Przemek Modrzewski, 5

6 Jak działa GTM? W prostych słowach. Instalując jednorazowo kod GTM (tzw. Kontener) w swoim serwisie (fragment kodu na każdej podstronie) możemy dodawać, edytować, usuwać wszelkie tagi marketingowe (remarketing, analytics, śledzenie konwersji i wiele innych) bez potrzeby edytowania samego kodu strony. Wszystkie operacje odbywają się za pomocą interfejsu GTM w sieci, do którego logujemy się tak samo łatwo jak do poczty czy Google Analytics. Daje to kontrolę nad kodami marketingowymi osobom nie związanym z działem IT przy czym bezpieczeństwo strony nie będzie zagrożone, znacznie skraca czas potrzebny na zmiany i reakcję na zmiany potrzebne przy prowadzeniu kampanii w internecie oraz zmniejsza ilość zasobów (dział IT) potrzebnych na co dzień w działaniach marketingowych (edycja stron, zmiany w kodzie, wklejanie tagów, itp.). Narzędzie GTM składa się z kilku elementów, którymi będziemy zarządzać: Kontenery czyli kody wklejone na stronę, w których przechowywane będą wszelkie kody marketingowe (tagi). Tagi - kody śledzące, które chcemy umieścić na stronie np. Google Analytics, kody konwersji AdWords, remarketing i wszelkie inne kody śledzące nie tylko te od Google. Reguły - warunki, w których mają być uruchamiane tagi. Makra - makra służą do ułatwienia pracy z tagami i regułami, automatyzując powtarzalne działania. O wszystkich tych elementach powiemy w dalszej części tego dokumentu. 6

7 Struktura Google Tag Managera Struktura konta narzędzia GTM składa się ze wspomnianych kontenerów i przynależnych do nich tagów oraz reguł i makr. Zakładając konto GTM zobaczymy z lewej strony menu w którym znajdują się trzy elementy Tagi, reguły i makra. To tutaj będą przechowywane wszystkie utworzone przez nas tagi (dodane kody marketingowe do strony przez GTM) oraz reguły i makra. Tworzenie każdego z tych bytów odbywa się przy pomocy menu z prawej strony. Powiedzieliśmy, w skrócie, na wstępie co to są i do czego służą elementy konta GTM, teraz wyjaśnijmy sobie to bardziej dokładnie. Zatem, jeszcze raz, co to właściwie są kontenery, tagi, makra i reguły? Copyright by Przemek Modrzewski, 7

8 Co to są tagi? Tagi to kody śledzące jakie chcemy wkleić na stronę za pomocą narzędzia GTM. Tagiem jest skrypt np. Google Analytics, który wklejamy zazwyczaj w kod strony. Może być tag konwersji AdWords, może być tag remarketingu lub innych narzędzi marketingowych, które wymagają dodawania jakiegoś fragmentu kodu na naszej stronie WWW. Co to jest kontener? Wszystkie tagi trzymane są w kontenerze (container). Kontener to zbiór wszystkich tagów jakie mamy wykorzystane i wklejone na stronę za pomocą GTM. Kontener wklejamy na naszą stronę w jednym miejscu, tak jak normalny kod np. Analytics. A dopiero później za pomocą GTM dodajemy już z poziomu interfejsu GTM tagi różnych innych narzędzia np. Analytics czy Adwords. 8

9 W ten sposób, jednorazowo, edytujemy stronę, wklejamy kontener w odpowiednim miejscu (najlepiej bezpośrednio pod tagiem otwierającym treść strony <body>) i później wszystkie inne kody dodajemy do kontenera bez potrzeby ingerencji w kod strony. Kontener powinien być zainstalowany na każdej podstronie naszego serwisu. Tak jak, na przykład, kod Analytics. Jest to o tyle ważne, że w przypadku opuszczenia jakiejś podstrony nie będzie można na nią dodawać tagów przy pomocy GTM. Stąd nie będziemy mogli na przykład na niej używać kodu Analytics, przy pomocy Tag Managera. Co to są reguły? Reguły to nic innego jak zasady kiedy dany tag ma zostać aktywowany w kontenerze. Na przykład, jeśli dodalibyśmy tag śledzenia konwersji AdWords, to nie chcielibyśmy, aby ten kod był uruchamiany na każdej podstronie serwisu, tylko na stronie potwierdzającej wykonanie pożądanej, przez nas, akcji sprzedaż, pobranie ebooka, wypełnienie formularza etc. Copyright by Przemek Modrzewski, 9

10 Taką stroną często możemy określić jako stronę ostatnią w pewnym procesie do celu, na której są informacje potwierdzające tą czynności np. Dziękujemy za zakupy. Jej adres URL może wyglądać np. tak: strona.pl/dziekujemy.html Aby konwersja w AdWords była zaliczona, ktoś musi zobaczyć powyższą stronę. W GTM musimy zatem stworzyć regułę którą będzie określała warunek aktywacji kodu konwersji. Warunek będzie brzmiał następująco: Aktywuj kod konwersji AdWords wtedy, gdy w adresie URL znajduje się słowo dziekujemy. W innym przypadku kod nie będzie aktywowany i konwersja nie zostanie policzona. To jest właśnie przykład reguły określonej do uruchamiania tagu w GTM. Co to są makra? Definicja: Makra są to pary nazwa- wartość, których wartość jest uzupełniana w trakcie działania. Na przykład wstępnie zdefiniowane makro o nazwie URL" jest zdefiniowane tak, że jego wartość to aktualny URL strony. To definicja, o praktyce porozmawiamy za chwilę ;) Ponieważ makra to trochę bardziej skomplikowane elementy to nimi zajmiemy się trochę później, przy okazji bardziej zaawansowanego wykorzystania GTM. Dla prostych, standardowych instalacji, ich wykorzystanie nie jest wymagane. Podsumowanie Tak więc jak te wszystkie elementy można łatwo podsumować wyjaśniając jednocześnie ich zależności wglądem siebie? Tagi to kody, które chcemy wstawić na stronę (np. kod Google Analytics), reguły służą do określenia kiedy dany tag ma być uruchamiany (np. kod GA ma być uruchamiany na wszystkich stronach), natomiast makra służą do automatyzacji i ułatwiania pracy ze zmiennymi, które potrzebne są do działania tagów i reguł na naszej stronie. 10

11 Google Tag Manager na stronie internetowej Google Tag manager może być wykorzystany w przypadku większości kodów, które musimy dodać do naszej witryny, aby korzystać z takich mechanizmów jak statystyki odwiedzin strony, śledzenie konwersji czy inne dane potrzebne nam do akcji marketingowych. W kolejnych krokach przejdziemy od procesu poprawnej instalacji GTM na stronie przez implementację najpopularniejszych tagów. W między czasie będziemy też wyjaśniać sobie wszystkie, być może, nie do końca jasne, w pomocy oficjalnej pomocy GTM, funkcje i pojęcia. Instalacja Google Tag Managera - krok po kroku Instalacja Google Tag Managera jest bardzo prosta i zawiera kilka kroków. Założenie konta, stworzenie kontenera, konfigurację ustawień oraz instalację pierwszych tagów czyli kodów śledzących. Mimo, że to pierwsze czynności są dość proste to na pewno pojawią się pytania już na samym początku działań. Postaram się je tutaj przewidzieć i wyjaśnić ;). Krok 1 - Zakładanie konta GTM Czynność ta jest bardzo prosta. Wystarczy wejść na stronę i założyć konto. Pierwszy kontener To co to jest kontener wyjaśniliśmy sobie na początku tego ebooka. Teraz przychodzi czas na jego stworzenie i instalację. Copyright by Przemek Modrzewski, 11

12 Dobra praktyką jest po prostu nazwać kontener tak jak nazwaliśmy nasze konto, choć nie jest to oczywiście obowiązkowe. Być może będziemy mieli niedługo kilka kontenerów, wtedy warto opracować system nazewnictwa. Temat nazewnictwa jest istotny ze względu a to, że w miarę upływu czasu nasze konto będzie się rozrastało o kolejne taki, makra i reguły. Będziemy musieli wiedzieć co służy do czego. Następnie musimy wybrać gdzie chcemy używać naszego kontenera, na stronie internetowej czy w aplikacji mobilnej. To także jedna z wielu zalet GTM, że możemy go wykorzystać do zarządzania tagami, a nawet zmianami w aplikacjach mobilnych. O tym jeszcze powiemy więcej w dalszej części. Jeśli mam wiele domen, subdomen to ile kontenerów potrzebuje? Ile kontenerów powinienem utworzyć? Było to pierwsze pytanie jakie mi przyszło do głowy podczas zakładania pierwszego konta GTM. Generalnie jeśli mam wiele domen, ale nie są ze sobą powiązane to dobrą praktyką jest trzymać się zasady jedna domena - jedno konto - jeden kontener. Pozwala to utrzymanie porządku przy czym nie przeszkadza w zarządzaniu, gdyż z poziomu jednego loginu i hasła możemy zarządzać wieloma kontami GTM. Widać to na poniższym obrazku, gdzie przy pomocy jednego loginu mam dostęp do wielu kont GTM. 12

13 Wracając do instalacji pierwszego kontenera. Ponieważ obecnie wdrażamy GTM na stronie internetowej, wybieramy opcję kontenera właśnie dla strony. Jeśli będziemy wdrażać tag managera w aplikacji, wybierzemy wersję odpowiednią aplikacje mobilne. Wybierając wersję dla strony internetowej pokaże nam się dostępny kontener do wklejenia na naszej stronie. Copyright by Przemek Modrzewski, 13

14 Gotowy kod pierwszego kontenera kopiujemy w całości i wklejamy na naszą stronę. Najlepszym miejscem do wklejenia kodu kontenera jest miejsce bezpośrednio pod tagiem otwierającym treść strony <body>. Znajdziemy go łatwo w kodzie strony przez opcje szukaj w treści. Możemy podejrzeć jak to wygląda dla przykładowej strony, klikając prawym klawiszem myszy na treść strony i wybierając Pokaż źródło strony. Co jeśli nie możemy wstawić kodu GTM w wyżej opisane miejsce? Pamiętajmy, że najlepszym miejscem, dla kontenera, gwarantującym najlepsze zbieranie danych jest miejsce bezpośrednio pod tagiem <body>. Niestety nie ma gwarancji, że nasze kody wdrożone przez GTM będą poprawnie się wywoływały jeśli zmienimy miejsce kontenera. Szczególnie nie polecam wklejania kodu kontenera w sekcji <head> ponieważ skrypt zawiera iframe, co może skutkować niespodziewanym zachowaniem przeglądarki. Oczywiście, jeśli wkleimy kod na samym dole bezpośrednio przed tagiem zamykającym treść strony </body>, to wszystko powinno działać, jednak nie ma gwarancji, że wszystkie tagi zdążą się wczytać zanim nastąpi akcja użytkownika. 14

15 Krok 2 Tworzenie pierwszego tagu Jak widzieliśmy,na obrazku ze str. 13, po założeniu pierwszego kontenera od razu mamy do dyspozycji kilka wbudowanych już tagów gotowych do instalacji, na naszej stronie. Jak widać najpopularniejsze tagi Google są gotowe do instalacji. Mamy dostępne także tagi Doubleclicka i wiele innych. W standardzie jest też kilka tagów innych firm. Dodatkowo istnieją tagi niestandardowe (Custom HTML), dzięki którym możemy wstawić właściwie każdy tag na naszej stronie, nawet jeśli nie ma go w standardzie na liście tagów. Dokładną implementację najbardziej popularnych tagów omówimy sobie za chwilę. W tej chwili jednak zatrzymamy się na chwilę i omówimy ustawienia konta i jego funkcjonalności, które będziemy za chwilę używać. Ustawienia i funkcjonalności konta GTM Zakładając konto GTM i pierwszy kontener posiadamy jednego użytkownika (czyli nas). W koncie GTM możemy dodawać kolejne kontenery i użytkowników. Widać poniżej możemy skorzystać z guzika Nowe i dodać użytkownika lub kontener. Copyright by Przemek Modrzewski, 15

16 Zgodnie z tym co pisałem wcześniej, dobrą praktyką jest trzymanie się zasady - jedno konto, jedna domena, jeden kontener. Możemy jednak w rożnych przypadkach zasadą tą zignorować. Szczególnymi przypadkami odejścia od tej zasady jest: Wiele domen traktujemy jako jedną całość. Możemy wykorzystać wtedy jednej kontener dla wielu domen, ponieważ reguły, tagi i makra nie mogą być dzielone pomiędzy kontenerami. Jeśli wszystkie domeny mają być w podobny sposób konfigurowane to użycie jednego kontenera jest stosowne. Wiele tagów na jednej domenie Jeśli mamy bardzo dużo tagów do obsługi, dużo łatwiej jest nimi zarządzać jeśli podzielimy ja na dwa kontenery lub więcej. Daje to nam większą przejrzystość, co i kiedy ma zostać włączone (odpalone) i powoduje też, że sam kontener jest mniej obciążany (jest mniejszy). Można wtedy np. posegregować tagi według rodzaju albo narzędzia. Przypadek ten jest raczej rzadki i nie wydaje się, aby nawet duże witryny w Polsce potrzebowały takie rozwiązanie. No, ale kto wie ;) Wielu użytkowników o różnych prawach dostępu Prawa dostępu dla użytkowników mogą być nadawane na poziomie kontenera. Stąd jeśli chcemy ograniczyć komuś dostęp do innej domeny albo konfiguracji tagów, musimy skorzystać z większej ilości kontenerów i na ich poziomie przydzielić dostępy i prawa dla kolejnych użytkowników. Możemy nadać dostępy o różnych uprawnieniach: przeglądanie, przeglądanie i edytowanie oraz przeglądanie, edytowanie i publikowanie (dostęp pełen). Środowisko testowe Dobrym pomysłem jest korzystanie z różnych kontenerów podczas testowania implementacji nowych tagów lub reguł. Zwłaszcza dla dużych serwisów, błędna konfiguracja i utrata danych za pewien okres może być bolesna. Stąd warto zwrócić na to 16

17 uwagę podczas implementacji. Dobrym pomysłem w momencie implementacji warto skorzystać, zwłaszcza w kwestii Google Analytics i innych statystyk, z makra Lookup Table, o której będziemy mówić w dalszej części tego poradnika. Na samym końcu znajdziemy też proponowany plan migracji do Google Tag Managera. Zakładka Ustawienia W zakładce ustawienia znajduje się identyfikator kontenera oraz nazwa kontenera, którą możemy w dowolnym czasie zmieniać. Zakładka kontenery W zakładce kontenery widzimy aktualnie stworzone kontenery na koncie, ilość tagów stworzoną do danego kontenera, nasze prawa edycji kontenera oraz liczbę użytkowników przypisaną do niego. Wybierając nasz istniejący kontener, który w naszym przykładzie nazywa się testowy kontener, przechodzimy do serca samego Tag Managera czyli ustawień kontenera. Copyright by Przemek Modrzewski, 17

18 Jak widzimy w menu po lewej stronie ekranu, widoczne są zakładki dotyczące tagów, reguł i makr. O tych elementach powiedzieliśmy wcześniej i będziemy jeszcze mówić wiele razy. Z lewego menu będziemy korzystać bardzo często. Z kolei w środkowej części mamy widok stworzonych przez nas tagów, reguł i makr. W tym miejscu jednak najważniejsze to zrozumieć istotę wersji i rodzaju kontenera. O co zatem chodzi? Dodając do kontenera tag czy regułę, czy w ogóle edytując cokolwiek w GTM, nie będziemy widzieć zmian na naszej stronie. Nic nie zostanie zmienione. Żeby tak się stało, musimy zmiany opublikować. Stąd w pkt. 3 na rysunku powyżej widzimy wersję kontenera jako nieopublikowany. Aby go opublikować i wprowadzić zmiany, które będą miały odzwierciedlenie na naszej stronie musimy najpierw stworzyć kolejną wersję kontenera (pkt. 2.). Po stworzeniu wersji pojawi nam się możliwość publikacji. Wszelkie stworzone wersje można zobaczyć pod menu z lewej strony. Do wersji można powrócić, jeśli zdarzy się taka potrzeba. Dzięki wersjom nie nadpisujemy bezpowrotnie zmian. 18

19 Na rysunku ze str. 18 jest jeszcze widoczny pkt. 1 czyli funkcja podglądu (Preview). Funkcja Preview jest jedną z częściej używanych funkcjonalności podczas dodawania lub edycji tagów czy innych ustawień. Dzięki funkcji Preview możemy podejrzeć czy wprowadzone przez nas zmiany działają poprawnie na stronie. Mamy dostępne trzy opcje podglądu zmian. Preview - Pozwala nam na podgląd strony w trybie naniesionych przez nas zmian. To znaczy po wybraniu opcji Preview, możemy wejść na naszą stronę, odświeżyć ją i sprawdzić czy wprowadzone przez nas zmiany działają np. w konsoli programistów w przeglądarce Chrome albo w narzędziu Firebug. Ponieważ jeszcze nie stworzyliśmy wersji w GTM to zmiany na stronie widzimy tylko my. Po wyłączeniu opcji podglądu (żółty pasek u góry ekranu) zmiany przestaną działać na stronie. Copyright by Przemek Modrzewski, 19

20 Debug - Opcja chyba najczęściej używana. Pozwala na dodanie do opcji Preview (Podglądu) konsoli pomocniczej, która pokaże nam czy i jakie tagi będą działać u nas na stronie po stworzeniu nowej wersji. 20

21 Share - opcja Share pozwala nam stworzyć unikalny adres url, który możemy przesłać do osoby nie związanej z naszym kontem GTM. Dzięki temu adresowi osoba, która skorzysta z podanego przez nas linku, będzie mogła także zobaczyć działanie nie opublikowanych jeszcze zmian w GTM. Instalacja podstawowych skryptów na stronie Poznaliśmy podstawowe ustawienia Google Tag Managera. Teraz możemy przejść do instalowania skryptów śledzących na naszej stronie za pomocą GTM. Zaczniemy od najbardziej standardowych tagów (skryptów) po czym przejdziemy do bardziej zaawansowanych sposobów wykorzystania tego narzędzia. Instalacja statystyk Google Analytics przy pomocy GTM Wykorzystanie Tag Managera (GTM) do śledzenia ruchu na stronie z wykorzystaniem Google Analytics jest jednym z częstszych przypadków. Najprostsza instalacja nie jest skomplikowana, ale już bardziej zaawansowane aspekty śledzenia jak np. śledzenie zdarzeń może sprawiać trochę kłopotów. Stąd zajmiemy się w dalszych krokach także tymi bardziej zaawansowanymi aspektami. W te chwili jednak dokonamy standardowej instalacji. We wcześniejszej części tego ebooka, stworzyliśmy konto GTM, a także pierwszy kontener. Zaraz po stworzeniu kontenera, mamy możliwość od razu przejść do tworzenia pierwszych, najbardziej popularnych, tagów. Copyright by Przemek Modrzewski, 21

22 Możemy je zacząć tworzyć od razu lub spokojnie zrobić to po zainstalowaniu kontenera. To co będziemy musieli teraz to po kolei: 1. Tworzenie tagu Google Analytics 2. Określanie reguł tagu 3. Test nowo stworzonego tagu 4. Tworzenie wersji kontenera 5. Publikacja Zacznijmy zatem od początku. Ad 1. Tworzenie tagu Google Analytics Tworzenie tagu zaczynamy od nadania mu nazwy. Jest to o tyle ważne, że posiadając wiele tagów będzie nam łatwiej nimi zarządzać jeśli tagi będą miały odpowiednio dobrane nazwy. Dobrą praktyką jest konstruowanie nazwy opartych o rodzaj narzędzia np. Google 22

23 Analytics, oraz funkcji jaką dany tag ma spełniać. Pierwszym tagiem jaki stworzymy będzie tag o nazwie GA (Google Analytics) - Pageviews, ponieważ ten tag będzie odpowiedzialny za śledzenie wyświetleń naszej strony czyli podstawowej funkcji Google Analytics. Wszelkie inne funkcje GA będziemy także wykorzystywać, ale będziemy do tego używać kolejnych tagów. Będziemy o tym mówić, na przykład, przy okazji śledzenia zdarzeń na stronie za pomocą GTM. Kolejnym krokiem jest wybór rodzaju tagu z listy standardowych tagów obsługiwanych przez GTM. Z rozwijanego menu wybieramy Google Analytics. W obecnej chwili możemy wybrać z pośród klasycznego GA i nowej wersji czyli Universal Analytics. Na potrzeby tego przykładu skorzystamy z klasycznej wersji. Wybór drugiej nie będzie miał wpływu na sposób tworzenia i zarządzania tagiem GA, więc możemy dowolnie wybrać wersję. Copyright by Przemek Modrzewski, 23

24 Jak widać powyżej mamy dostępnych dużo więcej standardowych tagów, których możemy używać przy pomocy GTM. Jeśli naszego tagu nie ma na liście, możemy go zaimplementować za pomocą tagów niestandardowych (custom tags). Będziemy o tym mówić jeszcze później. W kolejnym kroku musimy podać numer ID naszego konta Google Analytics, który zamierzamy instalować przy pomocy GTM. ID możemy znaleźć w naszym koncie Analytics. ***OFF TOPIC*** Jak widać na obrazku powyżej przy numerze, po prawej stronie, ID konta wprowadzonym w rubryce Web property ID znajduje się klocek. Jest to klocek oznaczający możliwość skorzystania z makr. Wspominałem wcześniej, że makra służą nam do ułatwiania i automatyzacji pracy. Skorzystamy zatem pierwszy raz z makra, aby ułatwić sobie korzystania z numeru ID konta GA w kolejnych przypadkach wykorzystania tego numeru 24

25 na koncie. Co zatem robimy? 1. Zaznaczamy numer ID i kopiujemy go do schowka (ctrl + C) 2. Klikamy na klocek i wybieramy na samym dole Nowe makro. 3. Dodajemy nazwę makra, taką abyśmy wiedzieli do czego dane makro służy, wybieramy typ jako Constant String oraz wartość jako numer naszego konta Google Analytics. Typów makr jest wiele i z czasem będziemy korzystać z innych niż Ciąg stały (Constant String). W tej chwili jednak się tym nie zajmujemy. 1. Po wszystkim możemy korzystać z danego makra i dzięki temu nie potrzebujemy pamiętać numeru ID Google Analytics przy kolejnych instalowanych tagach. Copyright by Przemek Modrzewski, 25

26 Jest to jedna z najprostszych metod wykorzystania makr, ale dzięki temu nie pomylimy się podczas przeklejania kodów i do tego nie tracimy czasu na sprawdzanie wiele razy danego numeru. Jeszcze raz podkreślę, że tag Analytics ma swoje typy, które odpowiadają za różne rodzaje śledzonych Danych. Czyli jeśli będziemy chcieli śledzić zdarzenia oraz transakcje ecommerce, przez GTM, to będziemy musieli użyć trzech tagów: dla wyświetleń (standardowy), dla zdarzeń oraz dla transakcji. Wtedy właśnie potrzebujemy za każdym razem podać numer ID konta GA. Dzięki stworzonemu makru nie musimy go pamiętać ***OFF TOPIC*** Wracając do tworzenia naszego tagu. Po wybraniu typu tagu jako Google Analytics, poniżej widzimy opcje Enable Display Advertising Features. Opcja ta służy to włączania możliwości wykorzystania remarketingu w Google Analytics oraz raportów dotyczących demografii. W praktyce opcja dołącza do kodu GA ciastko Doubleclicka odpowiedzialne właśnie za te dodatkowe możliwości Google Analytics. 26

27 Typ śledzenia (track type) O typach śledzenia wspomniałem trochę wcześniej przy okazji tworzenia pierwszego makra. Typów śledzenia, w zależności od rodzaju tagu, może być wiele. Akurat w przypadku Google Analytics mamy ich także całkiem sporo. Standardowy typ to oczywiście śledzenie wyświetleń strony (Page View), ale w dalszej części będziemy wykorzystywać kolejne typy, w miarę jak będziemy chcieli uruchomić kolejne funkcjonalności Google Analytics przy wykorzystaniu GTM, takie jak na przykład śledzenie zdarzeń na stronie (Event), albo śledzenie ruchu pomiędzy domenami. Będziemy o tym mówić w dalszej części. Copyright by Przemek Modrzewski, 27

28 Pierwsza reguła w GTM W tym momencie mamy już prawie skonfigurowany pierwszy tag. Jedyna rzecz jaka nam pozostała przed jego przetestowaniem i publikacją to dodanie reguły, która pozwoli nam ustalić zasady, kiedy GTM ma dany tag uruchamiać. Reguły ustalamy w interfejsie w prawym górnym rogu. Każdy nowo stworzony tag będzie potrzebował reguły jego uruchamiania. Bez reguły tag nie będzie działać. To co musimy zrobić, to zastanowić się teraz kiedy dany tag ma być uruchamiany. Nasz pierwszy tag Google Analytics ma być uruchamiany na każdej podstronie naszego serwisu. Jest to dość oczywiste, gdyż chcemy zbierać dane dotyczące wyświetleń naszej strony dla całego ruchu jaki się na niej pojawi. Musimy zatem ustalić regułę, która uruchomi tag na każdej stronie serwisu. Kiedy chcemy dodać nową regułę pojawi się nam okno jej wyboru. Możemy wybrać reguły już istniejące, które tworzyliśmy wcześniej dla innych tagów, albo stworzyć nową. W sytuacji nowych kont i kontenerów musimy tworzyć reguły od nowa. Jak widać reguła, która nas interesuje jest w standardzie już dostępna - uruchom na każdej podstronie. Wystarczy ją zaznaczyć i gotowe. W przypadku tworzenia nowych reguł musimy stworzyć regułę dotyczącą warunków jakie muszą być spełnione, aby dany tag 28

29 został uruchomiony. Tworzeniem bardziej zaawansowanych reguł zajmiemy się dalszej części tego ebooka. Już przy okazji tworzenia tagu dla śledzenia konwersji AdWords, gdzie opiszemy zasady tworzenia reguł bardziej obszernie. Testowanie nowo stworzonego tagu Stworzyliśmy pierwszy tag. Zanim go opublikujemy na stronie warto go przetestować i zobaczyć czy działa. Jak widać poniżej nasza wersja tagu jest nieopublikowana. To oznacza, że wprowadzone przez nas zmiany nie weszły w życie. Warto zawsze na to zwracać uwagę, gdyż jest to jeden z częstszych błędów, które popełniają początkujący i nie tylko. Jeśli nie opublikujemy zmian (nowej wersji kontenera), na żywo ich nie zobaczymy. Będą one do zobaczenie tylko w trybie Poglądu (Preview Debug). Zanim jednak opublikujemy cokolwiek musimy przeprowadzić weryfikację. Wybieramy opcję Podgląd (Preview), a następnie Debug (zobacz str.18). Przechodzimy na naszą stronę w nowej zakładce przeglądarki i odświeżamy widok. Dzięki temu pojawi się nam konsola u dołu ekranu z informacją czy nasz tag w określonych, przez reguły, warunkach zostanie uruchomiony. Copyright by Przemek Modrzewski, 29

30 Widać w konsoli, że nasz tag został uruchomiony. Wszystko działa. Teraz możemy wrócić do zakładki z otwartym Tag Managerem i opublikować wersję. W tym celu tworzymy nową wersję i ponownie naciskamy ten sam guzik, który obecnie zamienił się na Publikuj (Publish). W tym momencie tworzy się nowa wersja (w naszym przypadku nr 4). Warto zwrócić uwagę na żółty pasek u góry z komunikatem o włączonym podglądzie na naszej stronie. Jeśli teraz przejdziemy na stronę będziemy cały czas widzieli konsolę u dołu 30