Dokumentacja Użytkownika systemu. Google Tag Manager. Wersja

Transkrypt

1 Dokumentacja Użytkownika systemu Google Tag Manager Wersja

2 Spis treści 1 Integracja Konfiguracja w Obecny panel administracyjny Nowy panel administracyjny beta Tworzenie tagów Google Universal Analytics Konfiguracja dla bezpłatnego szablonu Kosmetyki Zmienna Trigger Tworzenie tagu Konfiguracja dla bezpłatnego szablonu Moda Tworzenie tagu Śledzenie transakcji e-commerce Google AdWords Zmienna Trigger Tworzenie tagu

3 1 Integracja Od wersji 7.9 został zintegrowany z Google Tag Manager. Do integracji potrzebujesz konta Google Tag Manager. Więcej informacji o narzędziu znajdziesz na stronie tagmanager.google.com Uw aga: Dla sklepów z s zablonem w technologii Liquid Google Tag Manager jest jedyną możliwością pozwalającą na korzystanie z narzędzia Google Analytics. 3

4 2 Konfiguracja w Instalacja Google Tag Manager po stronie sprowadza się do wprowadzenia w panelu administracyjnym skryptu instalacyjnego. Skrypt jest generowany po utworzeniu kontenera w Google Tag Manager, można go także znaleźć w zakładce Admin pod pozycją Install Google Tag Manager. Należy wprowadzić tylko fragment z tagiem <script>. 4

5 2.1 Obecny panel administracyjny Wejdź do Panelu administracyjnego u i przejdź do obszaru Konfiguracja/Konfiguracja sklepu/google Analytics. Wybierz opcję Google Tag Manager, zaznacz Aktywny i wklej skrypt jak na obrazku poniżej. 5

6 2.2 Nowy panel administracyjny beta Wejdź do Nowego panelu administracyjnego beta. Przejdź do obszaru Ustawienia/Ustawienia/Ogólne. W Śledzenie ruchu wybierz Konfiguracja konta Google Tag Manager. Włącz funkcję i wklej skrypt jak na obrazku poniżej. 6

7 3 Tworzenie tagów 3.1 Google Universal Analytics Konfiguracja dla bezpłatnego szablonu Kosmetyki Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Kosmetyki dostępnego do pobrania tutaj. W przypadku korzystania z własnych szablonów należy upewnić się, że są one poprawnie przygotowane do integracji z Google Tag Managerem zgodnie z pomocą Google (GTM - Pomoc) i dokumentacją programistyczną (Developer Guide) Zmienna Przejdź do obszaru zmiennych Variables Rozpocznij tworzenie nowej zmiennej Przygotuj zmienną Data Layer Variable zgodnie z poniższą konfiguracją i zapisz Trigger Przejdź do obszaru triggerów Triggers 7

8 Rozpocznij tworzenie nowego triggera Skonfiguruj trigger zgodnie z poniższą konfiguracją Tworzenie tagu Przejdź do obszaru tagów Tags Rozpocznij tworzenie nowego tagu Skonfiguruj tag zgodnie z poniższą konfiguracją, w miejscu Tracking ID wstaw swoje ID Google Universal Analitics. 8

9 Przejdź do obszaru Skonfiguruj poniższe pola jak na obrazku Żeby skonfigurować rozszerzone e-commerce przejdź ponownie do obszaru I aktywuj poniższe opcje 9

10 Na koniec opublikuj wprowadzone zmiany za pomocą przycisku Uwaga: Za pomocą Google Tag Manager możesz śledzić użytkowników używając userid. Żeby aktywować tą opcję należy dodać zmienną I dodać ją w utworzonym tagu Google Universal Analitics w more settings 10

11 3.1.2 Konfiguracja dla bezpłatnego szablonu Moda. Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Moda. W przypadku korzystania z własnych szablonów w technologii Liquid należy upewnić się, że są one poprawnie przygotowane do integracji z Google Tag Managerem zgodnie z pomocą Google (GTM - Pomoc) i dokumentacją programistyczną (Developer Guide) Tworzenie tagu Przejdź do obszaru tagów Tags Rozpocznij tworzenie nowego tagu Skonfiguruj tag zgodnie z poniższą konfiguracją, w miejscu Tracking ID wstaw swoje ID Google Universal Analitics. Na koniec opublikuj wprowadzone zmiany za pomocą przycisku 11

12 Śledzenie transakcji e-commerce W szablonie Moda aktywacji śledzenia transakcji e-commerce można dokonać na wiele sposobów przedstawionych w ogólnodostępnej dokumentacji Google. Konfiguracja przedstawiona poniżej jest przykładem, który pozwala na śledzenie transakcji e-commerce. Przed konfiguracją, w pliku order/lastpagescripts.html dostępnym w panelu sklepu w obszarze Wygląd sklepu > Wygląd sklepu (Liquid) > Pliki szablonów należy dodać skrypt: <script> datalayer.push({{ page.gtmdatalayer }}); datalayer.push({event:'uatrack',virtualpath:null}); </script> Następnie konfigurujemy Trigger według poniższego przykładu: 12

13 W kolejnym kroku dodajemy Tag i konfigurujemy go zgodnie z poniższym przykładem podając swój kod śledzenia z Google Analytics: Na koniec opublikuj wprowadzone zmiany za pomocą przycisku 13

14 3.2 Google AdWords Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Kosmetyki dostępnego do pobrania tutaj. Dla szablonu Moda konfigurację należy wykonać zgodnie z ogólnodostępną dokumentacją Google. W przypadku korzystania z własnych szablonów należy upewnić się, że są one poprawnie przygotowane do integracji z Google Tag Managerem zgodnie z pomocą Google (GTM - Pomoc) i dokumentacją programistyczną (Developer Guide) Zmienna Przejdź do obszaru zmiennych Variables Rozpocznij tworzenie nowej zmiennej Przygotuj zmienną Data Layer Variable zgodnie z poniższą konfiguracją i zapisz. 14

15 3.2.2 Trigger Przejdź do obszaru triggerów Triggers Rozpocznij tworzenie nowego triggera Skonfiguruj trigger zgodnie z poniższą konfiguracją Tworzenie tagu Przejdź do obszaru tagów Tags Rozpocznij tworzenie nowego tagu Skonfiguruj tag zgodnie z poniższą konfiguracją, w miejscu Conversion ID wstaw swoje ID Google AdWords. Wybierz wcześniej przygotowaną zmienną i trigger. 15

16 Na koniec opublikuj wprowadzone zmiany za pomocą przycisku 16

17 COMARCH e-commerce Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie na nośniku filmowym, magnetycznym lub innym, powoduje naruszenie praw autorskich niniejszej publikacji. Copyright 2016 COMARCH Wszelkie prawa zastrzeżone. 17