Hoe je conversies en e-commerce meet met de Google Analytics add-on van Gravity Forms
Gravity Forms is een zeer geliefde plugin om formulieren mee te beheren in WordPress. Eenvoudige contactformulieren tot verkoop- of donatieformulieren kun je inrichten met Gravity Forms. Voor Pronamic Pay was Gravity Forms de eerste plugin waarmee we integreerden in 2011. Met de introductie van Google Analytics 4 heeft Gravity Forms de Google Analytics add-on vernieuwd naar versie 2.0. Met deze plugin is het mogelijk conversies te meten vanuit Gravity Forms naar Google Analytics 4. Het meten van e-commerce aankopen is echter niet ‘out-of-the-box’ mogelijk. In dit artikel leggen we uit hoe je dit kunt instellen, zodat je ook ‘purchase’ gebeurtenissen kunt bijhouden.
Gravity Forms & Google Analytics
Sinds 1 juni 2023 heeft Gravity Forms haar eigen Google Analytics 2.0 add-on gelanceerd. Met deze add-on is het mogelijk formulier activiteiten naar Google Analytics te sturen. Denk hierbij aan formulier inzendingen, maar ook eventuele paginering van formulieren kunnen als ‘gebeurtenis’ worden bijgehouden in Google Analytics.
De Google Analytics add-on biedt vier mogelijkheden om Analytics met Gravity Forms te verbinden, namelijk:
- Google Measurement Protocol – Deze optie wordt aanbevolen door Gravity Forms. Het is de eenvoudigste manier om te te koppelen en je kunt hiermee gebeurtenissen vanuit Gravity Forms in Analytics meetbaar maken. Deze optie verstuurd geen utm-parameters en bevat geen data die nodig is voor Google Ads of Remarketing.
- Google Analytics – Deze optie is uitgebreider en biedt de mogelijkheid om Google Analytics volledig binnen de site te integreren. Het ondersteund ook Google Ads en Remarketing.
- Google Tag Manager – Maakt je website hier al gebruik van, kies dan deze optie om je formulieren te laten inhaken op de Tags, Triggers en Variables van GTM.
- Manual Configuration – Deze optie biedt de mogelijkheid om handmatig een koppeling te leggen met Google Analytics. Dit is voor geavanceerde gebruikers bedoeld.
Behalve voor de handmatige koppeling gaat het koppelen met de andere drie opties door in te loggen op je Google-account en toestemming te geven voor de Gravity Forms koppeling. Waarna je de gewenste Analytics property of Tag manager container kunt koppelen.
Conversies meten met Gravity Forms
Zodra de Google Analytics add-on is geïnstalleerd en gekoppeld kan je bij formulierinstellingen een feed aanmaken. Binnen deze feed kun je waarden toewijzen aan gebeurtenis parameters. In Analytics kan je deze gebeurtenissen en parameters gebruiken in je rapportages.
Je kunt bijvoorbeeld, in lijn met de oude UA-analytics, gebeurtenis parameters maken voor ‘categorie’, ‘actie’, label en ‘waarde’, zoals in onderstaand voorbeeld.

Zodra formuliergebeurtenissen worden gemeten, kan je deze in Google Analytics als conversie markeren, zodat je deze kunt gebruiken in je analyses en je marketing activiteiten.
Google Tag Manager voor e-commerce metingen
Als je bijvoorbeeld donaties met Gravity Forms ontvangt, of je hebt een bestelformulier voor een product. Dan wil je deze wellicht ook meetbaar hebben in Google Analytics. Je kunt dit met gebeurtenissen en een gebeurtenis-waarde oplossen, of je kunt hiervoor e-commerce tracking gebruiken.
Het niet mogelijk om e-commerce gebeurtenissen bij te houden met de rechtstreekse koppeling van Gravity Forms en Google Analytics. Wil je dit wel kunnen bijhouden, dan moet je gebruik maken van de Google Tag Manager koppeling.
Zodra Google Tag Manager is gekoppeld bij je formulierinstellingen, dan kun je vervolgens per formulier de velden of eigen waarden koppelen aan dataLayer-variabelen in Google Tag Manager.
Om een aankoop in te gaan meten moet je een tag met purchase
GA4-gebeurtenis inrichten. Deze gebeurtenis moet je voorzien van de juiste e-commerce waarden welke je uit de dataLayer-variabelen. Google vertelt in de pagina “Set up a purchase event” welke waarden dit moeten zijn. De minimale waarden die je nodig hebt zijn:
- transaction_id = een uniek transactienummer
- value = totale waarde van de aankoop
- currency = de valuta van de aankoop
- items = de items die onderdeel zijn van de aankoop
- item_id = een uniek productnummer
- item_name = de naam van het product
- price = de prijs van het product
- quantity = het aantal stuks van het product
- * Verkoop je meerdere producten, dan kunnen meerdere items aan deze waarde worden toegevoegd.
Deze waarden kan je inladen in Google Tag Manager door diverse gebruiker gedefinieerde variabelen aan te maken. Daarbij kan je onderstaande waarden overnemen.
Data Layer variabelen
Naam | Type | Waarde |
---|---|---|
E-commerce items | Custom Javascript Variable | |
E-commerce currency | Data Layer Variable | ecommerce.currency |
E-commerce transaction_id | Data Layer Variable | ecommerce.transaction_id |
E-commerce value | Data Layer Variable | ecommerce.value |
E-commerce items.item_id | Data Layer Variable | ecommerce.items.item_id |
E-commerce items.item_name | Data Layer Variable | ecommerce.items.item_name |
E-commerce items.price | Data Layer Variable | ecommerce.items.price |
E-commerce items.quantity | Data Layer Variable | ecommerce.items.quantity |
Optionele variabelen | ||
E-commerce items.item_category | Data Layer Variable | ecommerce.items.item_category |
E-commerce items.item_variant | Data Layer Variable | ecommerce.items.item_variant |
E-commerce items als Javascript variabele
Onderstaande code kan je in een Custom Javascript Variabele plaatsen. Hiermee voeg je de items op de juiste manier toe aan het purchase
-event.
function() {
return [
{
item_id: "Gerelateerde Data Layer Variable",
item_name: "Gerelateerde Data Layer Variable",
price: Gerelateerde Data Layer Variable,
quantity: Gerelateerde Data Layer Variable,
//optionele variabelen
item_category: "Gerelateerde Data Layer Variable",
item_variant: "Gerelateerde Data Layer Variable"
}
// Voeg hier eventueel extra items toe
];
}
In onderstaande handleiding leggen we verder stap-voor-stap uit hoe je met bovenstaande variabelen en een purchase
gebeurtenis aankopen kunt meten vanuit je Gravity Forms formulier naar Google Analytics.
Instellen van e-commerce aankopen meten met Gravity Forms en Google Analytics
Wat heb je nodig voor de installatie?
- Gravity Forms + Google Analytics add-on
- Google Tag Manager (GTM)
- Google Analytics 4
Volg stap-voor-stap onderstaande handleiding om e-commerce aankopen vanuit Gravity Forms te meten in Google Analytics met behulp van Google Tag Manager.
We gaan er hierbij vanuit dat je reeds beschikt over een Google Analytics account en Google Tag Manager container én dat Gravity Forms op je website actief is.
- Installeer en koppel de Google Analytics add-on
Ten eerste moet je de Google Analytics add-on installeren en koppelen met je Google-account. Kies hierbij voor de optie Google Tag Manager om mee te koppelen.
- Maak variabelen aan in GTM
Voeg onder ‘Variabelen’ alle bovenstaande variabelen toe aan én vervang tekst “Gerelateerde Data Layer Variabele” met de daadwerkelijke variabelen.
- Voeg een trigger toe aan GTM
Voeg onder ‘Triggers’ een ‘Aangepaste gebeurtenis’ trigger toe die straks wordt aangeroepen door Gravity Forms. Noem deze bijvoorbeeld ‘GFTrackEvent’ en activeer deze voor ‘Alle aangepaste gebeurtenissen’.
- Maak een GA4 ‘purchase’ gebeurtenis aan in GTM
Voeg een nieuwe GA4-gebeurtenis toe.
– Selecteer bij ‘Configuratietag’ de tag waarin je de Google Analytics property mee koppelt.
– Geef bij ‘Gebeurtenisnaam’ de waardepurchase
op.
– Geef bij ‘Gebeurtenisparameters’ de vier minimale waarden op die je nodig hebt. - Google Analytics-feed voor je Gravity Forms formulier
Maak nu een feed aan bij de formulierinstellingen waarvoor je inzendingen als
purchase
wilt meten in Analytics.
– In deze feed kies je de zojuist gemaakte trigger bij het veld ‘Tag Manager Trigger’.
– Zorg dat je bij Parameters alle parameters vult met de gerelateerde waarden vanuit je formulier. - Test je koppeling met de GTM preview modus
Alle benodigde stappen zijn doorlopen. Je kunt nu je formulier testen. Door het formulier op een testpagina te plaatsen en de url van deze pagina in de ‘preview’ optie van Google Tag Manager in te voeren.
Je kunt in het preview venster het formulier insturen. In de preview modus van Google Tag Manager kan je precies zien of de aangemaakte Variabelen worden gevuld en de Tag wordt geactiveerd door de opgegeven trigger. - Controleer de gebeurtenis in Google Analytics
In Google Analytics kan je bij de Property instellingen een optie ‘DebugView’ selecteren. In deze weergave kan je zien of de aangemaakte
purchase
gebeurtenis wordt aangemaakt. Zie je deze terug? Dan heb je alle onderdelen goed ingesteld. - Publiceer de Google Tag Manager container
Tot slot kan je nu de GTM-container publiceren. Hiermee zorg je dat alle onderdelen die je hebt toegevoegd live komen te staan en worden gebruikt voor je website. Vanaf nu kan je deze instellingen voor ieder ‘e-commerce’ formulier op je website inrichten.
Opmerkingen
Geen ondersteuning voor uitgestelde acties
Met de Pronamic Pay plugin is het mogelijk om een bestelling direct te laten afrekenen via een betaalprovider. De Pronamic Pay plugin ondersteund de mogelijkheid van Gravity Forms om acties uit te stellen tot een succesvolle betaling. Helaas is op dit moment (augustus 2023) is het (nog) niet mogelijk om de Google Analytics feed uit te stellen totdat er een succesvolle betaling is gedaan. Doordat de Google Analytics add-on deze optie (nog niet) ondersteund.
Notatie van productbedrag in Euro’s
De notatie van bedragen in Euro’s zijn anders dan bijvoorbeeld de US Dollar. De scheidingstekens voor duizendtallen en decimalen zijn precies tegengesteld van elkaar. Google hanteert voor Analytics de standaard notatie volgens de Dollar, met een komma als duizendtal scheiding en een punt als decimalen scheidingsteken.
De Google Analytics add-on van Gravity Forms gebruikt voor de totaalbedragen van een formulier wel de juiste notatie. Voor productprijzen hanteren ze de standaard Euro notatie. Hierdoor wordt de productwaarde in Google Analytics nu niet goed gemeten.
Gravity Forms heeft aangegeven dat hieraan wordt gewerkt en in een toekomstige update wordt verholpen.
Gebruik je een dropdown of variant als productveld, dan kan je de :price
modifier gebruiken om wel de juiste notatie te krijgen.