Messung von 100% Ihrer eCommerce-Umsätze über Webhooks

Tobias Pennings
19. August 2024

Einführung

Die Messung von Conversions ist für Leadgen-Websites und eCommerce-Webshops entscheidend, um den Erfolg von Marketingkampagnen zu analysieren. Traditionelle Tracking-Methoden sind seit einiger Zeit nicht mehr praktikabel, und selbst ein standardmäßiges Server-Side-Tagging-Tracking-Setup kann keine 1:1-Konversionsmessungen garantieren. Diese verpassten Gelegenheiten und Ineffizienzen in Ihrem Tracking können mit Webhooks gelöst werden. Durch die Verwendung von Webhooks zum Zeitpunkt einer Conversion können Sie Echtzeitdaten direkt vom Backend Ihrer Website an Ihren Server senden und so 1-zu-1-Messungen in Ihren Marketing- und Analyseplattformen ermöglichen. In diesem Artikel erklären wir, was Webhooks sind, wie man sie für ein genaues Online-Tracking verwendet und welche Vor- und Nachteile dieser Ansatz hat.

Was sind Webhooks?

Webhooks sind HTTP-Callbacks, die eine Echtzeitkommunikation zwischen verschiedenen Webanwendungen ermöglichen. In der Jip-and-Janneke-Sprache bedeutet dies, dass Webhooks es Systemen ermöglichen, automatisch Nachrichten an andere Systeme zu senden, wenn bestimmte Ereignisse eintreten. Das Senden dieser Nachrichten erfolgt direkt von System zu System, so dass Informationen direkt und effizient ausgetauscht werden können.

Im Falle des Online-Trackings werden Webhooks hauptsächlich dazu verwendet, wichtige Ereignisse wie Nutzerkäufe und Rückerstattungen im Backend eines Webshops zu erkennen und sie über Ihren Server an ein externes Tracking- oder Analysetool zu senden. Wenn ein bestimmtes Ereignis im Backend Ihres Webshops eintritt, wird eine HTTP-Anfrage mit allen relevanten Daten generiert und an die vorkonfigurierte URL Ihres Server-Containers gesendet. Im Falle eines Webshops können Sie also einrichten, dass beim Anlegen einer Bestellung im Backend sofort ein Webhook mit eCommerce-, Benutzer- und Marketinginformationen an Ihren Server gesendet wird. Von Ihrem GTM-Server-Container aus können Sie die eingehenden Daten in diesem Webhook in die richtigen Ereignisse und Parameter umwandeln, die Ihre Marketing- und Analyseplattformen empfangen und verarbeiten können.

Um einen Marketing-Algorithmus optimal mit Daten über konvertierende Website-Besucher zu füttern und einen möglichst genauen Überblick über die Konversionen pro Kampagne oder pro Marketing-Plattform zu erhalten, möchten Sie diese Daten so genau wie möglich erfassen. Nur Webhooks können Ihre gesammelten Daten auch trüben. Wann ist es sinnvoll, Webhooks für Ihr Online-Tracking-Setup zu verwenden?

Wann verwenden Sie Webhooks?

Webhooks zur Messung Ihrer Conversions werden verwendet, wenn Ihre Tracking-Einrichtung eine zu große Fehlerspanne bei der Anzahl der gemessenen Conversions aufweist. Sie möchten Ihre Marketing-Algorithmen mit vollständigen Daten füttern und einen möglichst umfassenden Überblick in Ihren Berichten erhalten. Mit Webhooks gehen Sie einen zusätzlichen Schritt in Richtung vollständiger Genauigkeit und datengesteuerter Entscheidungsfindung. Im folgenden Beispiel wird erläutert, wie Webhooks in Kombination mit einem Server-Side Tagging-Tracking-Setup funktionieren.

Ein häufiges Missverständnis beim Server-Side-Tagging ist die Annahme, dass es eine 100 % genaue Nachverfolgung ermöglicht. Es ist zwar sicherlich genauer als Tracking-Lösungen wie Third-Party-Script oder Client-Side Tagging, aber es bleibt immer ein kleiner Spielraum für verpasste Besucher oder Ereignisse. Serverseitiges Tagging bietet eine solide Grundlage für genaues Tracking, aber es ist wichtig zu verstehen, dass es nur ein Teil einer breiteren Strategie ist, um so genau wie möglich zu messen.

Obwohl Server-Side-Tagging eine zuverlässige Grundlage für eine genaue Nachverfolgung bietet, gibt es immer noch eine gewisse Fehlermarge bei den Conversion-Messungen. Das liegt daran, dass das Erstellen und Senden von Ereignissen an den Server über den Web-Container von Google Tag Manager erfolgt, der im Browser des Nutzers läuft. Und Sie selbst haben keine Kontrolle darüber, was im Browser Ihrer Besucher passiert.

Es gibt mehrere Gründe, warum diese Fehlermarge auftreten kann.

  • Umleitungen: Manchmal landet ein Nutzer auf einer anderen Seite als der Dankesseite, auf der z. B. die Datenebene nicht aktiv ist. Die Umleitung von Website-Besuchern ist nicht so stabil, dass dies nie schief gehen kann.
  • Laden von Skripten: Skripte, wie z. B. das Datalayer-Skript oder das Tagging-Pixel, werden auf der Dankeseite möglicherweise nicht korrekt geladen. Websites sind in der Regel ein Sammelsurium von Inhalten, die von verschiedenen Anbietern stammen: Anzeigen, Analysen, Tracking, Widgets, soziale Medien usw. Je nach Aufbau der Website kann jeder dieser Anbieter die Leistung der anderen beeinflussen.
  • Latenz: Die Latenz (die Verzögerung zwischen einer Anfrage über eine Webanwendung und dem Erhalt einer Antwort) kann eine große Rolle für die Leistung einer Website spielen. Dies ist unter anderem eine wichtige Komponente für Ihre Suchmaschinenoptimierung (SEO), aber eine langsam ladende Website kann auch bedeuten, dass Besucher abspringen, bevor eine Seite und ihre Skripte vollständig geladen sind.
  • Standardbrowser der Nutzer: Eine weitere häufige Situation ist, dass ein Besucher von der Kassenseite, z. B. in Google Chrome, zur Zahlungsanwendung wechselt und dann die Dankesseite standardmäßig im Standardbrowser seines Geräts, wie Safari oder Samsung Internet, geöffnet wird.

Grundsätzlich ist die clientseitige Verfolgung anfällig für diese Art kleiner, aber folgenreicher Fehler. Webhooks bieten hier eine Lösung, denn (außer im Falle eines technischen Fehlers) können Sie sich immer auf die Genauigkeit der eingehenden Ereignisse verlassen, ohne die Risiken, die mit der clientseitigen Verfolgung verbunden sind.

In den folgenden Visualisierungen sehen Sie, wie der Kommunikationsfluss für eine Server-Side Tagging-Einrichtung mit und ohne Webhooks funktioniert.

Server-seitiges Tagging ohne Webhooks

Serverseitiges Tagging mit Webhooks

Abgesehen von den Fehlern, die in den Browsern Ihrer Besucher auftreten können, können Sie die Konversionen von Besuchern, die über das Cookie-Banner angeben, dass sie nicht nachverfolgt werden wollen (zu Analysezwecken), nicht in Ihrer Analyseplattform wie Google Analytics sehen. Mit Webhooks haben Sie die Möglichkeit, diese Konversion zu messen, so dass Sie einen genauen Überblick in Ihrer Analyseplattform haben, nur können Sie diese Konversion nicht einer früheren Sitzung oder einem Nutzer zuordnen. Das liegt daran, dass Sie diesen Nutzer und diese Sitzung nicht messen konnten, so dass Sie den Nutzer der Konversion nicht zurückverfolgen können und sollten. Die eCommerce-Daten werden jedoch mitgeschickt, so dass Sie einen guten Überblick über die Anzahl der Konversionen und die Konversionswerte haben.

Um also Webhooks effektiv für die Zuordnung von Konversionen zu Ihren Nutzern oder Kampagnen nutzen zu können, müssen Sie die Nutzer- und Marketinginformationen Ihrer Besucher einbeziehen. Andernfalls können Sie die Konversionen nicht Ihren Besuchern zuordnen und wissen nicht, über welche Marketingkampagnen sie auf Ihrer Website gelandet sind. Sie können Webhooks nicht einfach einrichten, sondern müssen bestimmte technische und Marketing-Anforderungen erfüllen, damit Ihre Marketing- und Analyseplattformen die empfangenen Konversionsdaten verarbeiten können.

Was brauchen Sie, um Webhooks zu verwenden?

Um Webhooks effektiv einzusetzen, müssen sowohl technische als auch inhaltliche Anforderungen erfüllt werden. Zunächst einmal muss ein Endpunkt konfiguriert werden, der Webhook-Anfragen empfangen und verarbeiten kann. Das bedeutet, dass ein Server vorhanden sein muss, der HTTP-Anfragen annehmen und die Daten in der richtigen Reihenfolge verarbeiten kann. Zumindest bei den Servern von AdPage müssen Sie sich nicht selbst für die Annahme von HTTP-Anfragen konfigurieren, sondern die gesammelten Daten umwandeln, um sie an Ihre Marketing- und Analyseplattformen weiterzuleiten. Es gibt aber auch Anforderungen an die Daten, die Sie mit Ihren Webhooks senden und die daher in Ihrem Google Tag Manager Server-Container umgewandelt werden.

Der Inhalt der mit dem Webhook gesendeten JSON-Nutzlast (das Marketingobjekt) sollte verschiedene Arten von Informationen enthalten, z. B. Benutzerdaten und Marketinginformationen. Das Wichtigste am Webhook ist, dass er dasselbe Marketingobjekt enthält, das auch im Frontend verwendet wird. In den AdPage-Plugins für WooCommerce, Shopify und Magento wird dieses Marketingobjekt mit einer Bestellung gespeichert, so dass dieses Marketingobjekt immer zum Mitsenden bereitsteht. Nachfolgend finden Sie ein Beispiel für ein Marketingobjekt für Webhooks:

{
  "event": "trytagging_purchase",
  "ecommerce": {
    "transaction_id": "43",
    "affiliation": "",
    "value": "45.00",
    "tax": "0.00",
    "shipping": "0.00",
    "currency": "EUR",
    "coupon": "",
    "items": [
      {
        "item_name": "test product",
        "item_brand": "",
        "item_id": "23",
        "item_sku": "",
        "price": "45.00",
        "item_category": "Clothing",
        "quantity": 1,
        "index": 1
      }
    ]
  },
  "user_data": {
    "customer_id": 1,
    "billing_first_name": "Jeroen",
    "billing_last_name": "Test",
    "billing_address": "Velmolenweg 54a",
    "billing_postcode": "5404 LD",
    "billing_country": "NL",
    "billing_state": "",
    "billing_city": "Uden",
    "billing_email": "jeroen@adpage.io",
    "billing_phone": "0612345678",
    "shipping_first_name": "Jeroen",
    "shipping_last_name": "Test",
    "shipping_company": "",
    "shipping_address": "Velmolenweg 54a",
    "shipping_postcode": "5404 LD",
    "shipping_country": "NL",
    "shipping_state": "",
    "shipping_city": "Uden",
    "shipping_phone": "",
    "email": "support@adpage.io",
    "first_name": "Jeroen",
    "last_name": "Test",
    "new_customer": "false"
  },
  "marketing": {
    "_ga": "GA1.1.1818643883.1707129196",
    "_ga_LZN92VD7GK": "GS1.1.1711477035.19.0.1711477041.0.0.462628796",
    "user_id": "6fa957c2-52d9-905a-94fe-dfc53b5cef72",
    "client_id": "4132502f-435b-32c1-eaa4-84b37b95f846",
    "session_id": "1711477035",
    "session_count": 19,
    "fbp": null,
    "fbc": null,
    "gclid": null,
    "gbraid": null,
    "wbraid": null,
    "referrer": "",
    "utm_source": null,
    "utm_medium": null,
    "user_agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36",
    "ip": "127.0.0.1"
  }
}

Webhooks sind zwar sehr leistungsfähig, wenn es um die Bereitstellung von Echtzeitdaten und Automatisierung geht, aber ihr Erfolg hängt in hohem Maße davon ab, wie sie innerhalb der jeweiligen Plattform eingerichtet werden. Dies bringt uns zum nächsten Abschnitt, in dem wir die Konfiguration von Webhooks in verschiedenen eCommerce-Plattformen näher betrachten und wie Sie sicherstellen können, dass sie in Ihrer spezifischen Umgebung optimal funktionieren.

Einrichten von Webhooks für WooCommerce, Magento und Shopify Webshops

Mit den Lösungen von AdPage können Sie unter anderem Webhooks für Einkäufe in verschiedenen eCommerce-Plattformen einrichten. Jede Plattform hat ihre eigenen einzigartigen Funktionen und Anforderungen für die Konfiguration von Webhooks, was bedeutet, dass die Vorgehensweise je nach der Plattform, auf der Ihr Webshop läuft, leicht variiert.

WooCommerce

Durch das Wordpress-Plugin von AdPage werden neben dem DataLayer, dem Tagging-Pixel und der Cookie-Wiederherstellungsfunktion automatisch auch die Funktionen für WooCommerce-Webhooks geladen. Diese Webhooks werden direkt an denselben Server gesendet, für den das Tagging-Pixel gesetzt wird, wenn ein WooCommerce-Kauf getätigt wird. Es wird jedoch nichts mit diesen Webhooks gemacht, bis Sie die folgenden Einstellungen im Google Tag Manager Server-Container vornehmen: WooCommerce-Webhooks einrichten.

Magento

Durch das Magento-Modul von AdPage wird die Funktionalität für Webhooks automatisch zusätzlich zum DataLayer und Tagging-Pixel geladen. Diese Webhooks werden direkt an denselben Server gesendet, für den das Tagging-Pixel eingerichtet ist, wenn Sie einen Kauf tätigen. Es wird jedoch nichts mit diesen Webhooks gemacht, bis Sie die folgenden Einstellungen im Google Tag Manager Server-Container vornehmen: Magento-Webhooks einrichten.

Shopify

In Shopify sind die Benachrichtigungseinstellungen bereits in den Shop-Einstellungen enthalten. Dies macht die Einrichtung von Shopify-Webhooks einfach. Hier können Sie bei verschiedenen Backend-Ereignissen, wie z. B. einer erstellten oder stornierten Bestellung, einen Webhook auf eine bestimmte URL setzen. Für eine neue Bestellung, die im Backend erstellt wurde, legen Sie also fest, dass die URL Ihres Servers mit /order_created dahinter aufgerufen wird: tagging.domainname.com/order_created.

Webhook-Einstellungen in Shopify

Dies funktioniert nur, wenn Sie auch den AdPage DataLayer und das Tagging-Pixel verwenden. Ohne diese Komponenten wird das Marketing-Objekt nicht automatisch mit den erforderlichen Marketing- und Benutzerinformationen befüllt.

Um dann die empfangenen Webhooks über den Google Tag Manager Server-Container zu einem Kauf- oder z.B. einem Erstattungsereignis zu verarbeiten, führen Sie folgende Schritte durch: Richten Sie Shopify Webhooks ein.

Maßgeschneidert

Sie nutzen Shopify, Magento oder WooCommerce nicht, möchten aber Webhooks für Ihre Conversion-Metriken nutzen? Dann können Sie dies auch individuell einrichten. In diesem Helpdesk-Artikel wird erklärt, wie Sie den AdPage DataLayer einrichten, das Marketingobjekt befüllen und die Webhooks einrichten: Einrichten von benutzerdefinierten Webhooks.

Schlussfolgerung

Webhooks sind eine wertvolle Ergänzung für E-Commerce-Websites, die nach Effizienz und Genauigkeit in ihrer Kommunikation und Datenverarbeitung streben. Sie bieten die Möglichkeit, automatisch und in Echtzeit auf Ereignisse zu reagieren, was nicht nur Zeit spart, sondern auch die Kundenzufriedenheit erhöhen kann. Obwohl die Implementierung einige technische Kenntnisse erfordert, sind die Vorteile oft erheblich. Ganz gleich, ob Sie WooCommerce, Magento oder Shopify verwenden, die Einrichtung von Webhooks kann Ihnen helfen, Ihren Webshop auf die nächste Stufe zu heben. Probieren Sie es aus und entdecken Sie, wie Webhooks Ihr Geschäft verbessern können.