Post on 19-Jun-2020
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.