I. Overzicht

Een data layer is een JavaScript-object dat wordt gebruikt om gestructureerde gegevens vast te leggen en door te geven aan trackingplatforms zoals Google Tag Manager, Google Analytics (GA4), Facebook Pixel, en andere marketingtools. Dit document beschrijft de implementatie van een data layer voor het volgen van formulierinzendingen.

Meer informatie over de GA4 dataLayer:

GA4 DataLayer documentatie

Google Tag Manager DataLayer

Analytics Mania DataLayer Explanantion

Voor marketingplatformen zoals Facebook, Google Ads, TikTok en Snapchat is het cruciaal om gebruikersgegevens samen met evenementen door te sturen. Als gebruikers hun gegevens hebben ingevuld in het formulier, moeten deze data correct worden toegevoegd aan de data layer.

II. Data Layer Structuur

Verwerk de onderstaande code in de website op het moment dat het formulier succesvol wordt verzonden.

Formulier Verzonden (form_submission)

dataLayer = window.dataLayer || [];
dataLayer.push({
    event: 'form_submission',
    form_data: {
        form_id: '1234', // Unique ID of the form
        form_name: 'contact_form' // form name (e.g., contact, quote, signup)
        // optional: the form fields with their values
    },
    user_data: {
        first_name: 'John',
        last_name: 'Doe', 
        email_address: '[email protected]', 
        phone_number: '+31612345678', // If possible E164 format
        city: 'Amsterdam',
        country: 'NL'
    }
});

III. Gebruikersdata

Bij formulierinzendingen kunnen de volgende gebruikersgegevens (indien beschikbaar) worden opgenomen in de user_data objecten:

variable format example
first_name String John
last_name String Doe
email_address String [email protected]
phone_number String (indien mogelijk E164 formaat) +31612345678
city string Amsterdam
country 2-letterige ISO 3166-1 alpha-2 code NL