Bij traditionele API-communicatie moet een applicatie steeds opnieuw vragen (pollen) of er nieuwe informatie beschikbaar is. Dit kost veel servertijd en bandbreedte. Webhooks werken juist volgens het push-principe: informatie wordt automatisch verzonden zodra er iets relevants gebeurt.
Registratie: Allereerst configureer je een webhook in de verzendende applicatie (bijvoorbeeld Shopify, WooCommerce of Magento). Je geeft aan welke gebeurtenissen je wilt volgen en naar welke URL de berichten moeten worden gestuurd. Deze URL wordt de hook URL genoemd. In het geval van Server-Side Tagging verstuur je het naar je server container URL.
Trigger: Wanneer in de verzendende applicatie een gebeurtenis plaatsvindt die je hebt ingesteld als trigger (zoals een nieuwe bestelling), wordt de webhook geactiveerd.
Verzending: De applicatie stuurt automatisch een HTTP POST-verzoek naar je hook URL. Dit bericht bevat alle relevante informatie over de gebeurtenis, meestal in JSON- of XML-formaat. In het geval van Server-Side Tagging zit de webhook payload in de vorm van een JSON-bestand gevuld met eCommerce-, marketing- en userinfo.
Ontvangst en verwerking: Je server ontvangt het webhook-bericht en verwerkt de gegevens volgens de geprogrammeerde logica. Dit kan bijvoorbeeld het updaten van een database, het versturen van een e-mail of het bijwerken van statistieken zijn. In het geval van Server-Side Tagging is dit het verwerken van de ontvangen data in een purchase-gebeurtenis die doorgestuurd kan worden naar onder andere Google Analytics 4 of Meta Ads.
Bevestiging: Je server stuurt een HTTP-statuscode terug (zoals 200 OK) om aan te geven dat het bericht succesvol is ontvangen. Als de verzendende applicatie geen positieve bevestiging krijgt, kan deze proberen het bericht opnieuw te verzenden.
Voor een goed werkende webhook-implementatie is het belangrijk dat je hook URL altijd bereikbaar is. Ook moet je rekening houden met de beveiliging, bijvoorbeeld door de authenticiteit van binnenkomende berichten te verifiëren met een geheime sleutel of handtekening. Webhooks bieden een krachtige manier om applicaties te laten communiceren zonder voortdurend te moeten controleren op nieuwe informatie. Door het push-mechanisme zijn ze efficiënt en zorgen ze voor real-time gegevensuitwisseling tussen verschillende systemen.
Voor het vullen van je webhook met de juiste gegevens hoef je als webshop-eigenaar nauwelijks iets te doen. Wanneer je een WooCommerce, Shopify of Magento webshop gebruikt, wordt dit volledig geregeld via de plugins van AdPage. Deze plugins zorgen ervoor dat alle relevante ordergegevens automatisch worden verzameld en doorgestuurd naar de webhook-bestemming. Na de eenmalige installatie en configuratie van de plugin werkt het systeem volledig automatisch en ontvang je alle benodigde conversiegegevens in realtime.
Als je werkt met een aangepast platform, moet je de webhook zelf implementeren. Dit vereist ontwikkelingswerk waarbij je code schrijft die bij orderverwerking automatisch alle relevante gegevens verzamelt en via HTTP POST naar het juiste endpoint verstuurt. Meestal gebeurt dit in de backend van je bestelproces. Maak daarvoor gebruik van de documentatie om maatwerk webhooks in te stellen die wij beschikbaar stellen.
Het activeren van webhooks voor je webshop gebeurt volledig automatisch via de AdPage plugins. Je hoeft alleen de juiste plugin voor jouw platform (Shopify, WooCommerce of Magento) te installeren en te configureren volgens de meegeleverde instructies. Na installatie regelt de plugin alle noodzakelijke webhook-instellingen zonder dat je hiervoor technische kennis nodig hebt. De plugin zorgt ervoor dat alle relevante ordergegevens automatisch worden doorgestuurd naar de juiste bestemmingen.
Het maken van een webhook voor je webshop verloopt via de AdPage plugins zeer eenvoudig. Voor standaard e-commerce platforms zoals Shopify, WooCommerce en Magento installeer je simpelweg de bijbehorende plugin en volg je de setup wizard. Als je een maatwerk webshop hebt of specifieke aanpassingen nodig hebt, biedt AdPage ook mogelijkheden. In dat geval moet je webhooks op maat laten ontwikkelen die de juiste gegevens verzamelen en doorsturen. Voor gedetailleerde instructies over het instellen van maatwerk dataLayers en webhooks kun je ons helpdesk-artikel raadplegen. Dit artikel bevat stapsgewijze handleidingen voor verschillende platforms en situaties, inclusief voorbeeldcode en configuratie-instellingen.
Webhooks zijn niet altijd noodzakelijk, vooral wanneer je workflow binnen één platform blijft en je geen problemen hebt met het meten van conversies op bedankpagina's. Voor eCommerce zijn webhooks waardevol omdat klanten vaak worden doorgestuurd naar externe betaalapplicaties, waardoor ze mogelijk de bedankpagina niet correct bereiken of voortijdig sluiten.
AdPage biedt ook mogelijkheden om webhooks te gebruiken bij het invullen van de Wordpress-formulieren Gravity Forms of Contactform7. Hier is de toepassing van webhooks echter vaak overbodig. Bezoekers die deze formulieren invullen, blijven meestal binnen je website en bereiken vrijwel altijd de bedankpagina. De kans dat je conversies mist is minimaal, omdat er geen externe omleiding plaatsvindt. Als je conversies betrouwbaar kunt meten via de bedankpagina en je geen problemen ondervindt met dataverlies, bieden webhooks weinig toegevoegde waarde en vormen ze een onnodige complexiteit.