Określanie selektorów arkusza CSS lub zmiennych JavaScriptu (gtag.js)

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 konfigurują zbieranie danych przekazywanych przez użytkowników i chcą się dowiedzieć, jak oznaczać te dane za pomocą opcji „Określ selektory CSS lub zmienne JavaScript” na stronie Zezwalaj na wykorzystywanie danych przekazywanych przez użytkowników.

Pobieranie poradnika wdrażania danych przekazywanych przez użytkowników, aby dowiedzieć się więcej o danych przekazywanych przez użytkowników w Google Analytics.

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:

• włączone zbieranie danych przekazywanych przez użytkowników i zgodę na korzystanie z tych danych,
• rolę Administrator w usłudze w Google Analytics.

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 polach „Określ selektory arkusza CSS lub zmienną JavaScriptu” w Google Analytics lub w polu „Selektor elementu” zmiennej Element DOM w Menedżerze tagów Google.
   • 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.