Wie füge ich Tracking (z.B. Google Analytics, Google Tag Manager, Facebook Pixel) zum Buchungs-Widget hinzu?

Dieser Beitrag ist für fortgeschrittene Benutzer gedacht, die Zugriff auf den HTML-Code Ihre Webseite haben bzw. für den Webdesigner, der Ihre Webseite verwaltet und pflegt.

Die folgende JavaScript muss auf der Seite eingefügt werden, auf dem das Buchungs-Widget (iframe) eingefügt wurde. Wir haben Code-Beispiele für Google Analytics, Google Tag Manger und Facebook-Pixel vorbereitet. Fügen Sie die den folgenden JavaScript-Code unterhalb der jeweiligen Code ein, der für das Laden der jeweiligen Tracking-Scripte verantwortlich ist.

Bei Fragen zur Implementieren und genauen Umsetzung für Ihren individuellen Anwendungsfall wenden Sie sich bitte direkt an die jeweiligen Anbieter. Termin2go kann Ihnen nur auf Stundensatzbasis bei der Implementierung behilflich sein.

Google Analytics

<script>
var receiveMessage = function (event) {
  if (event.origin === 'https://booking.termin2go.com') {
    // Tracking der Seitenaufrufe innerhalb des Buchungs-Widgets
    if (event.data.type === 'pageView') {
      if (window.ga) {
        window.ga('send', 'pageview', event.data.url);
      }
    }

    // Tracking der Terminbuchung
    if (event.data.type === 'bookingCreated') {
      // Beispiel Google Analytics
      if (window.ga) {
        window.ga('send', 'event', 'online-booking', 'appointment-booked', 'booking-widget');
      }
    }
  }
};

window.addEventListener('message', receiveMessage, false);
</script>

Google Tag Manager

<script>
  var receiveMessage = function (event) {
    if (event.origin === 'https://booking.termin2go.com') {
      // Tracking der Seitenaufrufe innerhalb des Buchungs-Widgets
      if (event.data.type === 'pageView') {
        if (window.dataLayer) {
          window.dataLayer.push({
            event: 'BookingWidgetPageViewed',
            pageTitle: event.data.viewName
          });
        }
      }

      // Tracking der Terminbuchung
      if (event.data.type === 'bookingCreated') {
        if (window.dataLayer) {
          window.dataLayer.push({
            event: 'AppointmentBooked'
          });
        }
      }
    }
  };

  window.addEventListener('message', receiveMessage, false);
</script>

Facebook Pixel

<script>
  var receiveMessage = function (event) {
    if (event.origin === 'https://booking.termin2go.com') {

      // Tracking der Seitenaufrufe innerhalb des Buchungs-Widgets
      if (event.data.type === 'pageView') {
        if(window.fbq) {
          window.fbq('track', 'PageView');
        }
      }

      // Tracking der Terminbuchung
      if (event.data.type === 'bookingCreated') {
        if(window.fbq) {
          window.fbq('track', 'Purchase');
        }
      }
    }
  };

  window.addEventListener('message', receiveMessage, false);
</script>