Table of contents

Everything you need to know about the TAGGRS Webhooks Tool

Webhook Tool - TAGGRS

In this article, we explore everything you need to know about how webhooks from TAGGRS can simplify and improve your Server Side Tracking. Find out how this TAGGRS tool enables direct data transfer and promotes automation between different platforms.

What are Webhooks?

Webhooks can be used to make Server Side Tracking easier and more efficient by ensuring that data about certain events is sent directly to a tracking server as soon as those events occur. This eliminates the need to use a client container for the specific event.

webhooks

How do Webhooks work?

A webhook is triggered when a specific event occurs on your site, CRM, chatbot or other systems. For example, this could be when someone posts a comment, registers a new user or adds a product to a product management system. Once such an event occurs, the server automatically generates an HTTP request and sends it to the customer's predefined address. This address is where the webhook receives data. As a result, the customer immediately receives the new data and is immediately notified, which increases customer satisfaction.

Webhooks also allow you to set up automation so that events on one platform can automatically trigger actions on another. For example, when a customer places an order in an online store, the system can automatically send a webhook to the owner's app. This app informs the owner of the new order and immediately sends a confirmation to the customer. This process is fully automated, minimizing human intervention and making the whole process smoother and faster.

How webhooks work

Benefits of Webhooks for Server Side Tracking

  1. Real-time data transfer:
    • Webhooks allow data to be sent immediately after an event, leading to near real-time tracking and analysis.
  2. Reliability:
    • Server Side Tracking with webhooks is more reliable than client-side tracking because it is less dependent on the user's browser environment, which can be affected by adblockers, network problems, or browser settings.
  3. Security:
    • Server Side Tracking with webhooks can be more secure because data is sent directly from server to server, reducing the risk of data loss or interception.

Disadvantages of Webhooks for Server Side Tracking

  1. Not compatible with all platforms
    • Depending on how you structure the webhook URL, not every platform is yet compatible with driving and measuring webhook events. Platforms like Google Ads may have trouble with this. One solution to this is to make the webhook URL as similar as possible to a traditional GA4 request, this way you can ensure that the relevant tags can recognize the necessary parameters such as gclid, ga4 id, etc.
  2. Requires technical knowledge
    • Setting up webhooks requires technical knowledge and is generally more complicated than setting up traditional tracking via the client container.

Example Webhooks for e-commerce

Say you have an e-commerce platform and you want to track and analyze all purchase activity using an external analytics platform. Here's how you could do this with webhooks:

  1. Configuratie van de webhook URL:
    • You configure your e-commerce platform and put the webhook URL you generated there. This URL is where you will send the data to (server container) when a relevant event (such as a purchase) occurs.
  2. Event detection:
    • Every time a user makes a purchase on your e-commerce platform, this event is detected by the server.
  3. Activering van de webhook:
    • Once the purchase is completed, the server activates a webhook by sending a request to the configured webhook URL. This request contains important information about the purchase, such as the order number, amount, products purchased, and so on.
  4. Processing by the analysis platform:
    • The GTM server container receives the webhook request and processes the data. This means that the event can be forwarded from GTM toward the set platforms.

How do you generate a default webhook URL?

Below we show you how to create a standard webhook event based on Javascript.

1. Open Webhooks binnen TAGGRS

De eerste stap is de Webhooks Tool openen binnen TAGGRS. Ga binnen je dashboard naar Tools en selecteer hier Webhooks. Druk vervolgens op het plusje.

2. Selecteer Event

Selecteer een standaard event of maak een custom event. Een standaard event is een voorgeprogrameerde webhook waarin bepaalde zaken al in staan, custom is helemaal vanaf 0.

3. Selecteer parameters naar wens

Vervolgens opent het webhooks scherm. Selecteer vervolgens de standaard parameters naar wens.

4. Activeer Enhanced Conversions (Optioneel)

Activeer enhanced conversions binnen de Webhooks tool indien gewenst.

5. Voeg Custom Parameters toe (Optioneel)

Voeg eventueel custom parameters toe binnen de Webhooks tool. Dit komt er dan hardcoded in te staan.

6. Plaats het Webhook Data Layer script

Vervolgens wordt er een Webhook datalayer-script gegenereerd op basis van de ingevulde opties. Kopieer dit script en plak het op de website. Pas het script vervolgens aan. Belangrijk: De parameters in de webhook moeten aangepast worden op basis van de beschikbare data en variabelen op de webpagina. De huidige waarden in de webhook zijn placeholders en moeten vervangen worden door daadwerkelijke waarden.

7. Download TAGGRS Data Client


De TAGGRS Data Client biedt een eenvoudig client-sjabloon voor het integreren van webhooks met de Server Side container van Google Tag Manager. Download hiervoor onze TAGGRS Data Client van GitHub. Belangrijk: De TAGGRS Data Client hoeft niet geïnstalleerd te worden als de webhook een GA4 request vertegenwoordigt. Wanneer deze request identiek is aan een traditioneel GA4 event dat normaal gesproken vanuit de GA4 tag in de client container komt, zal de GA4 client deze automatisch oppakken.

8. Importeer TAGGRS Data Client in GTM (Server Container)

Importeer de TAGGRS Data Client naar de server container onder client templates en sla deze op.

9. Nieuwe Client aanmaken (Server Container)

Onder Clients, maak de nieuwe TAGGRS data client aan door op New te klikken.

10. Kies client type

Kies vervolgens het geïmporteerde template (TAGGRS Data Client) als client type.

11. TAGGRS Data Client instellen

Onder allowed request path settings, plaats de tekst die direct na de eerste / komt. Belangrijk is dat dit enkel het eerste woord mag zijn; alles wat na het ? komt, hoeft hier niet te staan. Sla de Client op en zet vervolgens de container live. Je hebt nu je eerste standaard webhook-URL gemaakt.

Webhook Testing

Want to test webhooks? To test the webhook, you can activate the TAGGRS webhook tester in the dashboard. Make sure your webhooks always function correctly and your data is processed reliably.

TAGGRS Webhooks tester

Outro

The TAGGRS Webhook Tool is one of many TAGGRS Tools. With real-time data transfer, improved reliability and increased security, TAGGRS webhooks provide a solution for modern data integration needs.

About the author

Recently published

magnifiercrossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram