[GA4] Ställa in manuell konfiguration (Taggstyrning)

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 vill identifiera data som tillhandahålls av användare på en webbplats och ange data i Google Taggstyrning.

Ö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

• åtkomst till Taggstyrning-behållaren för webbplatsen
• aktiverat insamling av data som tillhandahålls av användaren och tillåter funktioner för data som tillhandahålls av användaren
• skapat en Google Analytics: GA4-händelsetagg i Taggstyrning-behållaren

 Anvisningar

1. Logga in på Google Taggstyrning.
2. Klicka på Taggar till vänster på fliken Arbetsyta.
3. Gå till Google Analytics: GA4-händelse-taggen där du samlar in kunddata.
4. Utöka avsnittet Händelseparametrar och klicka på Lägg till parameter.
5. Ange user_data i fältet Händelseparameter.
6. Välj eller skapa en variabel för data som tillhandahålls av användaren i fältet Värde.
7. Välj Manuell konfiguration i variabeln Data som tillhandahålls av användaren.
   
8. Utöka rullgardinsmenyn för varje fält och välj en variabel.
9. Så här skapar du en variabel för ett datafält:
   1. Klicka på Variabelkonfiguration > DOM-element.
   2. Ange ett namn på variabeln högst upp.
   3. Välj CSS-väljare i fältet Urvalsmetod.
   4. Ange den CSS-väljare som hänvisar till kunddatan i fältet Elementväljare. Läs om hur du identifierar CSS-väljare för datafält som tillhandahålls av användaren.
   5. Lämna fältet Attributnamn tomt.
   6. Hoppa över fältet Formatera värden för att undvika potentiella konfigurationsproblem.
   7. Spara DOM-elementvariabeln.
   8. Upprepa stegen för varje fält du vill samla in.
10. I variabeln Data som tillhandahålls av användaren hoppar du över Formatera värden.
11. Spara händelsetaggen.
12. Klicka på Skicka högst upp till höger för att publicera ändringarna.

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.