Dokumentacja Użytkownika systemu

Google Tag Manager

Wersja 2016.5.2

1Executive

summary

2

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

Spis treści

1 Integracja .......................................................................................... 3

2 Konfiguracja w Comarch e-Sklep ................................................... 4

2.1 Obecny panel administracyjny ................................................................................................................ 5

2.2 Nowy panel administracyjny beta ............................................................................................................ 6

3 Tworzenie tagów .............................................................................. 7

3.1 Google Universal Analytics ..................................................................................................................... 7

3.1.1 Konfiguracja dla bezpłatnego szablonu „Kosmetyki” ......................................................................... 7

3.1.1.1 Zmienna ........................................................................................................................................ 7

3.1.1.2 Trigger ........................................................................................................................................... 7

3.1.1.3 Tworzenie tagu .............................................................................................................................. 8

3.1.2 Konfiguracja dla bezpłatnego szablonu „Moda”. .............................................................................. 11

3.1.2.1 Tworzenie tagu ............................................................................................................................ 11

3.1.2.2 Śledzenie transakcji e-commerce ................................................................................................ 12

3.2 Google AdWords ................................................................................................................................... 14

3.2.1 Zmienna ........................................................................................................................................... 14

3.2.2 Trigger ............................................................................................................................................. 15

3.2.3 Tworzenie tagu ................................................................................................................................ 15

1Executive

summary

3

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

1 Integracja

Od wersji 7.9 Comarch e-Sklep 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

Uwaga: Dla sk lepów z szablonem w technologi i L iqu id Google Tag Manager

jes t jedyną możl iwośc ią pozwala jącą na korzystanie z narzędzia Google Analyt ics .

1Executive

summary

4

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

2 Konfiguracja w Comarch e-Sklep

Instalacja Google Tag Manager po stronie Comarch e-Sklep 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>.

1Executive

summary

5

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

2.1 Obecny panel administracyjny

Wejdź do Panelu administracyjnego e-Sklepu i przejdź do obszaru Konfiguracja/Konfiguracja sklepu/Google Analytics.

Wybierz opcję Google Tag Manager, zaznacz Aktywny i wklej skrypt jak na obrazku poniżej.

1Executive

summary

6

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

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.

1Executive

summary

7

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

3 Tworzenie tagów

3.1 Google Universal Analytics

3.1.1 Konfiguracja dla bezpłatnego szablonu „Kosmetyki”

Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Comarch „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).

3.1.1.1 Zmienna

Przejdź do obszaru zmiennych Variables

Rozpocznij tworzenie nowej zmiennej

Przygotuj zmienną Data Layer Variable zgodnie z poniższą konfiguracją i zapisz.

3.1.1.2 Trigger

Przejdź do obszaru triggerów Triggers

1Executive

summary

8

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

Rozpocznij tworzenie nowego triggera

Skonfiguruj trigger zgodnie z poniższą konfiguracją

3.1.1.3 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.

1Executive

summary

9

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

Przejdź do obszaru

Skonfiguruj poniższe pola jak na obrazku

Żeby skonfigurować rozszerzone e-commerce przejdź ponownie do obszaru

I aktywuj poniższe opcje

1Executive

summary

10

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

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

1Executive

summary

11

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

3.1.2 Konfiguracja dla bezpłatnego szablonu „Moda”.

Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Comarch „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).

3.1.2.1 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

1Executive

summary

12

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

3.1.2.2 Ś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:

1Executive

summary

13

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

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

1Executive

summary

14

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

3.2 Google AdWords

Poniższa konfiguracja jest przeznaczona dla bezpłatnego szablonu Comarch „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).

3.2.1 Zmienna

Przejdź do obszaru zmiennych Variables

Rozpocznij tworzenie nowej zmiennej

Przygotuj zmienną Data Layer Variable zgodnie z poniższą konfiguracją i zapisz.

1Executive

summary

15

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

3.2.2 Trigger

Przejdź do obszaru triggerów Triggers

Rozpocznij tworzenie nowego triggera

Skonfiguruj trigger zgodnie z poniższą konfiguracją

3.2.3 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.

1Executive

summary

16

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

Na koniec opublikuj wprowadzone zmiany za pomocą przycisku

1Executive

summary

17

Comarch e-Sklep

Ulotka

Wersja:

2016.5.2

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.