Google Tag Manager (GTM-XXXXXXX) in the booking widget

Created by Calenso Support, Modified on Thu, 11 Apr 2024 at 12:30 PM by Calenso Support

TABLE OF CONTENT

Introduction

The Calenso Booking Widget (booking of individual services) as well as the Widget for Group Appointments supports the feature of conversion tracking of the Google Tag Manager (GTM).


Requirements to use GTM

The conversion tracking feature is exciting for evaluating the different booking types and is available for customers who have a paid Premium-, Business- or Enterprise-subscription.


Tracking within the Appointment Booking Widget

The appointment booking widget supports the following GTM events. When the customer navigates through the booking widget, the events are triggered so that it is possible to measure where customers e.g. abort the booking process:


// First user interaction, could also be triggered later
appointment_booking_start,
// Step: Booking profile, only if activated
appointment_booking_step_profiles,
// Step: Selection of store and service
appointment_booking_step_stores_and_services,
// Step: Selection of Resources / Employee
appointment_booking_step_resources,
// Step: Selection of an available appointment
appointment_booking_step_available_appointments,
// Step: Summary / Booking form
appointment_booking_step_summary,
// Completion of the booking
appointment_booking,
// Step: Booking successful
appointment_booking_step_success,
// Step: Error within the booking
appointment_booking_step_failed,
JavaScript


The data that is transferred during the booking steps is an array of bookings. The already available data is transferred at each step.


// Event, which is stored in the Google Tag Manager
event: 'appointment_booking_step_success', 
appointments: [
{
    // ID of the booked resource or employee
    'worker_id': 1,
    // ID of the booked service
    'appointment_service_id':  1,
    // Name of the booked resource or employee
    'resource_name': 'Calenso',
    // E-mail address of the booked resource or employee
    'worker_email': 'info@calenso.com',
    // Name of the booked service(s)
    'appointment_service_name': 'Meeting 20m',
    // ID of the store
    'store_id': 1,
    // Name of the store
    'store_name': 'HQ in Rothenburg LU'
}, 
{
    // ID of the booked resource or employee
    'worker_id': 2,
    // ID of the booked service
    'appointment_service_id':  2,
    // Name of the booked resource or employee
    'resource_name': 'Calenso Support',
    // E-mail address of the booked resource or employee
    'worker_email': 'support@calenso.com',
    // Name of the booked service(s)
    'appointment_service_name': 'Meeting 30m',
    // ID of the store
    'store_id': 2,
    // Name of the store
    'store_name': 'Office in Sempach-Station'
}]
JavaScript



Tracking in the Group Appointment Booking Widget


The group appointment booking widget only supports an event at the end of the booking process, after the customer has completed the booking. Intermediate steps are currently not measured (this feature will come in the future).


event: 'event_booking',
events: [{
    // UUID of the group appointment
    'event_uuid': '503f1f5a-711c-45be-9d63-60782fb37cec',
    // Category, which was added in the group appointment settings
    'event_category': 'bbq',
    // Title of the group appointment
    'event_title':  'BBQ Training'
}]
JavaScript


As soon as the Google Tag Manager code (GTM-XXXXXXX) is stored in the system, the conversions can be registered for bookings of appointments or group appointments in the Google Tag Manager. Multiple bookings are also supported in each case.


In Calenso, the GTM tracking code cannot yet be added independently. Just send the code with the details of your Calenso account to the email address support@calenso.com. A Calenso support representative will then add the tracking code to the account.



Tracking in the Compact Booking Widget

In our new compact booking widget, which makes the booking process much shorter and simpler, the individual booking steps are also measured.


Since the store, resource, and service are already preselected in the compact booking widget, these steps are omitted during tracking:


// First user interaction in the compact widget, could also be triggered later
compact_widget_booking_start,
// Step: Selection of an available appointment in the compact widget
compact_widget_booking_step_available_appointments,
// Step: Summary / Booking form in the compact widget
compact_widget_booking_step_summary,
// Step: Payment  in the compact widget
compact_widget_booking_step_payment,
// Completion of the booking in the compact widget
compact_widget_booking,
// Step: Booking successful in the compact widget
compact_widget_booking_step_success,
// Step: Error within the booking in the compact widget
compact_widget_booking_step_failed,


Additional Information

Here you can find all informations about the Google Tag Manager.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article