Ange CSS-väljare eller JavaScript-variabler (gtag.js)

Denna funktion är en del av en öppen betaversion och kan komma att ändras.

Dessa anvisningar är avsedda för administratörer och redigerare som konfigurerar insamling av data som tillhandahålls av användaren och vill veta hur man identifierar data som tillhandahålls av användaren via alternativet Ange CSS-väljare eller JavaScript-variabler på sidan Tillåt datafunktioner som tillhandahålls av användaren.

Ladda ned playbooken för implementering av data som tillhandahålls av användaren om du vill ha mer information om data som tillhandahålls av användaren i Google Analytics.

Översikt

Uppdatera koden på alla sidor där du samlar in data som tillhandahålls av användaren, till exempel registreringssidor, sidor för generering av potentiella kunder, kassasidor och liknande. Du kan skicka data mer än en gång under en session för att säkerställa att den skickas till Analytics.

Innan du börjar

Dessa anvisningar förutsätter att du har

• aktiverat insamling av data som tillhandahålls av användaren och tillåter funktioner för data som tillhandahålls av användaren
• rollen Administratör för Google Analytics-egendomen.

Identifiera CSS-väljare för datafält som tillhandahålls av användaren

Följ dessa anvisningar för att identifiera de CSS-väljare som ska anges i varje fält. Om du redan har ohashade variabler i koden kan du välja dem i stället för att skapa nya CSS-variabler. Läs mer om Fält att ange.

Obs! Om du använder JavaScript-variabler är det troligen enklast att fråga utvecklaren vilka variabler som ska anges i dessa fält. Om du använder CSS-väljare kan du följa stegen nedan.

1. Öppna ett webbläsarfönster i Google Chrome.
2. Öppna din webbplats, men håll Google Taggstyrning öppet.
3. Identifiera vilken kunddata du vill skicka till Google Analytics. Om du till exempel vill skicka en e-postadress letar du reda på var e-postadressen finns på sidan.
4. Högerklicka på fältet och välj Inspektera. Om du exempelvis försöker hämta en e-postadress ska du högerklicka på e-postadressen.
5. På sidan Verktyg för Chrome-utvecklare visas en del av koden markerad. Denna kod är sidelementet där du ska extrahera CSS-väljare för kunddata.
6. Håll muspekaren över den markerade koden och högerklicka på den.
7. Scrolla ned till Kopiera och välj Kopieringsväljare.
8. Klistra in den kopierade texten i fälten Ange CSS-väljare eller JavaScript-variabler i Google Analytics eller i fältet Elementväljare i variabeln DOM-element i Google Taggstyrning.
   • Den kopierade texten ska se ut ungefär så här: 
     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.