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.

Gravity Forms Event Parameters

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

NaamTypeWaarde
E-commerce itemsCustom Javascript Variable
E-commerce currencyData Layer Variableecommerce.currency
E-commerce transaction_idData Layer Variableecommerce.transaction_id
E-commerce valueData Layer Variableecommerce.value
E-commerce items.item_idData Layer Variableecommerce.items.item_id
E-commerce items.item_nameData Layer Variableecommerce.items.item_name
E-commerce items.priceData Layer Variableecommerce.items.price
E-commerce items.quantityData Layer Variableecommerce.items.quantity
Optionele variabelen
E-commerce items.item_categoryData Layer Variableecommerce.items.item_category
E-commerce items.item_variantData Layer Variableecommerce.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.

  1. 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.Gravity Forms en Google Tag Manager koppeling

  2. Maak variabelen aan in GTM

    Voeg onder ‘Variabelen’ alle bovenstaande variabelen toe aan én vervang tekst “Gerelateerde Data Layer Variabele” met de daadwerkelijke variabelen.Variabelen in Google Tag Manager

  3. 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’.Trigger in Google Tag Manager

  4. 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 waarde purchase op.
    – Geef bij ‘Gebeurtenisparameters’ de vier minimale waarden op die je nodig hebt.GA4 purchase event in Google Tag Manager

  5. 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.Gravity Forms Event Parameters

  6. 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.

  7. 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.

  8. 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.