Dokumentacja Użytkownika systemu Google Tag Manager Wersja
Spis treści 1 Integracja... 3 2 Konfiguracja w... 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 2
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
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
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
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
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 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 7
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. 8
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
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
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). 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 11
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: 12
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
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). 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. 14
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. 15
Na koniec opublikuj wprowadzone zmiany za pomocą przycisku 16
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