[GA4] Tworzenie konfiguracji ręcznej (Menedżer tagów)

Ta funkcja jest dostępna w ramach otwartej wersji beta i może ulec zmianie.

Te instrukcje są przeznaczone dla administratorów i edytujących, którzy chcą rozpoznawać w swojej witrynie dane przekazywane przez użytkowników i wprowadzać je do Menedżera tagów Google.

Przegląd

Musisz zaktualizować kod na wszystkich stronach, na których zbierasz dane przekazywane przez użytkowników, np. na stronie rejestracji, stronie zdobywania potencjalnych klientów, stronie płatności itp. Aby mieć pewność, że dane trafią do Analytics, możesz je wysyłać więcej niż raz w ramach jednej sesji.

Zanim zaczniesz

W tych instrukcjach przyjęto, że masz:

• dostęp do kontenera Menedżera tagów związanego z witryną,
• włączone zbieranie danych przekazywanych przez użytkowników i zgodę na korzystanie z tych danych,
• skonfigurowany w kontenerze Menedżera tagów tag Google Analytics: zdarzenie GA4.

 Instrukcje

1. Zaloguj się w Menedżerze tagów Google.
2. Na karcie Obszar roboczy kliknij po lewej stronie Tagi.
3. Otwórz tag Google Analytics: zdarzenie GA4, za którego pomocą zbierasz dane o klientach.
4. Rozwiń sekcję Parametry zdarzenia i kliknij Dodaj parametr.
5. W polu „Parametr zdarzenia” wpisz user_data.
6. W polu „Wartość” wybierz lub utwórz zmienną danych przekazywanych przez użytkowników.
7. W zmiennej Dane przekazywane przez użytkowników kliknij Konfiguracja ręczna.
   
8. W przypadku każdego pola rozwiń menu i wybierz zmienną.
9. Jeśli tworzysz zmienną na potrzeby pola danych, wykonaj te czynności:
   1. Kliknij Konfiguracja zmiennej > Element DOM.
   2. U góry wpisz nazwę zmiennej.
   3. W polu Metoda wyboru kliknij Selektor arkusza CSS.
   4. W polu Selektor elementu wpisz selektor arkusza CSS, który odwołuje się do danych klienta. Dowiedz się, jak rozpoznawać selektory arkusza CSS w przypadku pól danych przekazywanych przez użytkowników
   5. Pole Nazwa atrybutu pozostaw puste.
   6. Pomiń pole Format wartości, aby uniknąć potencjalnych problemów z konfiguracją.
   7. Zapisz zmienną Element DOM.
   8. Powtórz te czynności w przypadku każdego pola, za którego pomocą chcesz zbierać dane.
10. W zmiennej Dane przekazywane przez użytkowników pomiń pole Format wartości.
11. Zapisz tag zdarzenia.
12. Aby opublikować zmiany, w prawym górnym rogu kliknij Prześlij.

Odszukiwanie selektorów arkusza CSS na potrzeby pól danych przekazywanych przez użytkowników

Aby odszukać selektory arkusza CSS i wstawić je w odpowiednich polach, wykonaj podane niżej czynności w przypadku każdego pola. Jeśli masz już w kodzie zmienne niezaszyfrowane, możesz je wybrać, zamiast tworzyć nowe zmienne CSS. Dowiedz się więcej o polach do ustawienia.

Uwaga: jeśli używasz zmiennych JavaScriptu, warto zapytać programistę, które zmienne należy umieścić w tych polach. Jeśli używasz selektorów CSS, wykonaj podane niżej czynności.

1. Otwórz okno przeglądarki Google Chrome.
2. Otwórz swoją witrynę, ale nie zamykaj Menedżera tagów Google.
3. Odszukaj dane klientów, które chcesz wysyłać do Google Analytics. Jeśli chcesz np. wysyłać adres e-mail, sprawdź, gdzie znajduje się on na stronie.
4. Kliknij pole prawym przyciskiem myszy, a potem kliknij Zbadaj. Jeśli chcesz np. rejestrować adres e-mail, kliknij prawym przyciskiem myszy odpowiedni adres.
5. Na stronie Narzędzia dla deweloperów w Chrome zobaczysz zaznaczony fragment kodu. Wskazuje on element strony, z którego musisz wyodrębnić selektory arkusza CSS związane z danymi klientów.
6. Najedź kursorem na zaznaczony kod i kliknij go prawym przyciskiem myszy.
7. Przewiń w dół do opcji „Kopiuj”, a potem kliknij Skopiuj selektor.
8. Wklej skopiowany tekst w odpowiednim polu w Google Analytics lub Menedżerze tagów.
   • Skopiowany tekst powinien wyglądać np. tak:

     tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.