Buchungs-Tracking mit analyticsCallback: Events für GA4, Google Tag Manager und Meta Pixel

Die vier Events

• appointment_opened – ein konkreter Termin wurde gewählt, das Formular öffnet sich (Funnel-Einstieg). ordinalBookingID ist null.
• send – alle Pflichtfelder sind ausgefüllt, die SMS-TAN wird angefordert.
• confirm – der Patient hat die TAN eingegeben.
• tan_committed – die TAN wurde geprüft, die Buchung ist final bestätigt; ordinalBookingID enthält die eindeutige Buchungs-ID, combinedOrdinalBookingIds bei Kombiterminen die weiteren IDs. Nur dieses Event als Conversion verwenden.

Voraussetzung: analyticsCallback bei jedem Aufruf

An jeder Stelle, an der das Widget per JavaScript geöffnet wird, übergibst Du ein Objekt mit der Funktion analyticsCallback: const drFlexData = { analyticsCallback: function (data) { /* Tracking-Code */ } }; Aufruf ein Standort: toggleDrFlexAppointments(drFlexData); mehrere Standorte: toggleDrFlexAppointments([PraxisID], drFlexData). Das data-Objekt hat die Keys event, category, consultation, label, therapist und insuranceType.

Beispiel Google Analytics 4

analyticsCallback: function (data) { if (typeof window.gtag === "function" && typeof data === "object") { window.gtag("event", data.category, { event_category: data.category, event_label: data.label, value: data.consultation + " " + data.therapist + " " + data.insuranceType }); } }

Beispiel Google Tag Manager

analyticsCallback: function (data) { if (typeof window.dataLayer !== "undefined" && typeof data === "object") { window.dataLayer.push({ event: "Terminbuchung", category: data.category, label: data.label, consultation: data.consultation, therapist: data.therapist, insuranceType: data.insuranceType }); } }

Beispiel Meta Pixel

analyticsCallback: function (data) { if (typeof window.fbq === "function") { window.fbq("trackCustom", "Terminbuchung", data); if (data.category === "confirm") { window.fbq("track", "PageView"); } } }

Die Code-Snippets sind Beispiele ohne Gewähr und müssen projektspezifisch angepasst werden; DSGVO, Einwilligungen und Cookie-Banner sind zwingend einzuhalten.

WordPress-Plugin

WordPress-Adminbereich → Dr. Flex Plugin → Reiter Codebeispiele → passenden Code kopieren → unter Konfiguration in das Feld Callback einfügen → speichern.

Testen

Praxiswebsite öffnen, Widget starten, bis zum Feld „Vorname“ klicken, Entwicklerkonsole öffnen und dataLayer eingeben – ein appointment_opened-Event mit Termininformationen sollte erscheinen. Mit console.log(data) im Callback prüfst Du jedes Event.