[GA4] Angiv CSS-vælgere eller JavaScript-variabler (gtag.js)

Denne funktion er en del af en åben betaversion og kan blive ændret.

Denne vejledning er til administratorer og redaktører, der konfigurerer indsamling af brugergenererede data, og som vil have flere oplysninger om, hvordan de identificerer brugergenererede data via muligheden Angiv CSS-vælgere eller JavaScript-variabler på siden Tillad indsamling af brugergenererede data.

Oversigt

Du skal opdatere koden på alle sider, hvor du indsamler brugergenererede data, f.eks. en tilmeldingsside, en side til generering af kundeemner, en betalingsside eller lignende. Du kan sende dataene mere end én gang inden for en session for at sikre, at dataene sendes til Analytics.

Inden du går i gang

Denne vejledning tager udgangspunkt i, at du har følgende:

• Indsamling af brugergenererede data og tilladte brug af brugergenererede data er aktiveret
• Rollen Administrator på Google Analytics-ejendommen

Identificer CSS-vælgere for felter med brugergenererede data

Følg nedenstående fremgangsmåde for hvert felt for at identificere de CSS-vælgere, der skal angives i det pågældende felt. Hvis der i forvejen er variabler, som ikke er hashkrypterede, i din kode, kan du vælge dem i stedet for at oprette nye CSS-variabler. Få flere oplysninger om felter, der skal udfyldes.

Bemærk! Hvis du bruger JavaScript-variabler, er det sandsynligvis nemmest, hvis du spørger din udvikler om, hvilke variabler der skal tilføjes i disse felter. Hvis du bruger CSS-vælgere, kan du følge nedenstående fremgangsmåde.

1. Åbn et Google Chrome-browservindue.
2. Gå til dit website, men lad Google Tag Manager forblive åben.
3. Angiv, hvilke kundedata der skal sendes til Google Analytics. Hvis du eksempelvis vil sende en mailadresse, skal du angive, hvor på siden mailadressen findes.
4. Højreklik på feltet, og vælg Undersøg. Hvis der eksempelvis er tale om en mailadresse, skal du højreklikke på mailadressen.
5. På siden Udviklerværktøjer i Chrome er en del af koden fremhævet. Denne kodedel er det sideelement, hvor du skal ekstrahere CSS-vælgere for kundedataene.
6. Hold musemarkøren over den fremhævede kodedel, og højreklik på den.
7. Rul ned til "Kopiér", og vælg Kopiér vælger.
8. Indsæt den kopierede tekst i det relevante felt i Google Analytics eller Tag Manager.
   • Den kopierede tekst bør se nogenlunde således ud:

     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.