E-mailadres ophalen uit LocalStorage en toevoegen aan een HTML-tag in Google Tag Manager

Met behulp van LocalStorage kun je het e-mailadres van een gebruiker opslaan en ophalen. Dit e-mailadres kun je vervolgens gebruiken als User-Provided Data in je Google Analytics 4 en Google Ads tags. Volg onderstaande stappen om dit te realiseren.

1. Open de ontwikkelaarstools van je Google Chrome browser (F12 of rechtsklik op de pagina en kies Inspecteren).

2. Ga naar het tabblad Application.

3. Klik links in het menu op LocalStorage en selecteer de URL van je website.

4. Vul een formulier in, of doe een testaankoop.

5. Zoek in de LocalStorage de key waarin het e-mailadres is opgeslagen. Dit is vaak een duidelijk benoemde key, zoals userEmail of email.

1. Open je GTM web container.

2. Ga naar Variabelen en maak een nieuwe variabele aan.

3. Kies Aangepaste JavaScript-variabele als variabeleconfiguratie.

4. Voeg de volgende code toe:

function() {
    return localStorage.getItem('email') || '';
}

Opmerking: Vervang 'email' door de exacte key waarin het e-mailadres in LocalStorage staat.

5. Sla deze variabele op.

6. Voeg deze variabele toe aan de desbetreffende GA4 event tags of je Google Tag als user_data.email_address variabele.

1. Open de Preview mode.

2. Open je website in een nieuw venster.

3. Controleer in de preview mode of de je aangemaakte variabele wordt gevuld met de juiste waarde.

• Controleer of het e-mailadres in LocalStorage opgeslagen is in je preview mode sessie.

• Zorg ervoor dat je de juiste key gebruikt in je JavaScript-variabele.

• Ja, je kunt ook andere gegevens ophalen door de key in het script aan te passen.

• Het is belangrijk om zorgvuldig om te gaan met gebruikersgegevens. Gebruik HTTPS en zorg ervoor dat gevoelige gegevens niet toegankelijk zijn via JavaScript in ongeautoriseerde contexten.