Tracking von doo Registrierungen mit Analytics-Tools

Analytics-Tools wie Google Analytics, GA4 oder andere Tracking-Lösungen helfen Ihnen dabei, die Performance Ihrer Website zu messen und besser zu verstehen: Seitenaufrufe, Herkunft der Besucher, Klicks, Interaktionen und vieles mehr.

Doch wie erkennen Sie, wie viele Besucher sich tatsächlich für ein Event registrieren, wenn das doo Registrierungsformular per Widget eingebunden ist?

Die gute Nachricht:
doo stellt alle relevanten E‑Commerce- und Interaktionsdaten bereit
Die Einbindung und Weiterverarbeitung der Daten liegt vollständig bei Ihnen

1. Grundprinzip: Manuelle Integration erforderlich

Wenn Sie ein doo Registrierungsformular per Widget (Iframe) auf Ihrer Website einbinden, werden die Interaktionen der Nutzer nicht automatisch in Ihrem Analytics-Tool erfasst.

Stattdessen gilt:

• doo sendet Tracking-Events per postMessage an das Parent Window
• Diese Events müssen auf Ihrer Webseite aktiv entgegengenommen
• und anschließend an Ihr Analytics-Tool weitergeleitet werden

2. Voraussetzungen & Verantwortlichkeiten

Was doo bereitstellt

• Technisch korrekt formatierte dataLayer- bzw. E‑Commerce-Events
• Versand der Events aus dem doo Widget an das Parent Window
• Einheitliche Event-Namen und Parameter (z. B. View, Add to Cart, Purchase)

Was Sie umsetzen müssen

• Einen Event Listener auf Ihrer Website
  (z. B. per Script oder GTM Custom HTML Tag)
• Ein Analytics-Tool Ihrer Wahl (z. B. GA4, Adobe, Matomo)
• Die Konfiguration von:
  • GTM Tags
  • Triggern
  • Variablen
  • Event-Mappings

doo ist nicht an ein bestimmtes Analytics-Tool gebunden.

3. Annahme der doo Events auf Ihrer Website

Damit die von doo gesendeten Events weiterverarbeitet werden können, müssen diese zunächst im Parent Window abgefangen und in den dataLayer Ihrer Seite geschrieben werden.

3.1 Custom HTML Tag im Google Tag Manager

Erstellen Sie in Ihrem GTM-Container ein Custom HTML Tag, das:

• auf allen Seiten mit doo Widget ausgelöst wird
• auf message-Events lauscht
• gültige doo Events in den dataLayer pusht

Beispiel: Event Listener Script

<script>

(function () {

  var allowedOrigin = 'https://doo.net';

  window.addEventListener('message', function (event) {

    if (event.origin !== allowedOrigin) return;

    if (!event.data || !event.data.event) return;

    window.dataLayer = window.dataLayer || [];

    window.dataLayer.push(event.data);

  });

})();

</script>