Deze functie maakt deel uit van een open bèta en kan worden gewijzigd.
Deze instructies zijn bedoeld voor beheerders en bewerkers die door gebruikers verstrekte gegevens op hun website willen identificeren en de gegevens willen invoeren in Google Tag Manager.
Overzicht
Update de code op alle pagina's waarop u door gebruikers verstrekte gegevens verzamelt, zoals een aanmeldingspagina, een pagina voor leads genereren of een betaalpagina. U kunt de gegevens meerdere keren binnen een sessie sturen om te zorgen dat de gegevens naar Analytics worden gestuurd.
Voordat u begint
In deze instructies wordt ervan uitgegaan dat u aan de volgende vereisten voldoet:
- U heeft toegang tot de Tag Manager-container voor de website.
- U heeft verzameling van door gebruikers verstrekte gegevens geactiveerd en toestemming gegevens voor mogelijkheden voor door gebruikers verstrekte gegevens.
- U heeft een Google Analytics: GA4-gebeurtenistag ingesteld in uw Google Tag Manager-container.
Instructies
- Log in bij Google Tag Manager.
- Klik op het tabblad Werkruimte links op Tags.
- Open de tag Google Analytics: GA4-gebeurtenis waar u klantgegevens verzamelt.
- Selecteer Door gebruikers verstrekte gegevens van uw website opnemen.
- Selecteer of maak in het dropdownmenu Gebruikersgegevens een variabele voor door gebruikers verstrekte gegevens.
- Selecteer Handmatige instelling in de variabele voor door gebruikers verstrekte gegevens.
- Vouw voor elk veld het dropdownmenu uit en selecteer een variabele.
- Als u een variabele voor een gegevensveld maakt, voert u deze stappen uit:
- Klik op Variabeleconfiguratie > DOM-element.
- Voer bovenaan een naam in voor de variabele.
- Selecteer Css-kiezer in het veld Selectiemethode.
- Voer in het veld Elementkiezer de css-kiezer in die naar de klantgegevens verwijst. Meer informatie over hoe u css-kiezers vindt voor velden voor door gebruikers verstrekte gegevens.
- Laat het veld Kenmerknaam leeg.
- Sla het veld Opmaakwaarden over om mogelijke configuratieproblemen te voorkomen.
- Sla de DOM-elementvariabele op.
- Herhaal deze stappen voor elk veld dat u wilt verzamelen.
- Sla in de variabele voor door gebruikers verstrekte gegevens het veld Opmaakwaarden over.
- Sla de gebeurtenistag op.
- Klik rechtsboven op Sturen om de wijzigingen te publiceren.
Css-kiezers vinden voor velden voor door gebruikers verstrekte gegevens
Voer deze stappen voor elk veld uit om de css-kiezers te vinden die u in de velden moet invoeren. Als u al niet-gehashte variabelen in uw code heeft, kunt u die selecteren in plaats van nieuwe css-variabelen te maken. Meer informatie over Velden die moeten worden ingesteld.
Opmerking: Als u JavaScript-variabelen gebruikt, kunt u het best aan uw ontwikkelaar vragen welke variabelen u aan deze velden moet toevoegen. Als u css-kiezers gebruikt, kunt u de stappen hieronder gebruiken.
- Open een Google Chrome-browservenster.
- Ga naar uw website, maar laat Google Tag Manager open.
- Bepaal welke klantgegevens u naar Google Analytics wilt sturen. Als u bijvoorbeeld een e-mailadres wilt sturen, zoekt u waar het e-mailadres op de pagina staat.
- Klik met de rechtermuisknop op het veld en selecteer Inspecteren. Als u bijvoorbeeld een e-mailadres probeert vast te leggen, klikt u met de rechtermuisknop op het e-mailadres.
- Op de pagina Tools voor ontwikkelaars in Chrome wordt een deel van de code gemarkeerd. Deze code is het pagina-element waar u css-kiezers moet ophalen voor de klantgegevens.
- Plaats de cursor op de gemarkeerde code en klik er met de rechtermuisknop op.
- Scroll omlaag naar Kopiëren en kies Kiezer kopiëren.
- Plak de gekopieerde tekst in het bijbehorende veld in Google Analytics of Tag Manager.
- De gekopieerde tekst ziet er ongeveer zo uit:
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- De gekopieerde tekst ziet er ongeveer zo uit:
Next steps
Validate that user-provided data collection is set up correctly. Show me how.