We offer two types of booking tools:

Depending on the widget you use, depends on which steps to follow.

You use our standard widgets if your booking tools look something like this:

You use our enterprise widgets if your booking tools look something like this:

Once you are clear what widget you are using, please direct yourself to our standard widget or enterprise widget tracking guides below...

Use Google Tag Manager to create a tag that adds this custom HTML on all pages on the website:

<script>

var receiveMessage = function(event){

var data = event.data;

var eventName = data.substring(0,data.indexOf('.'));

var booking = data.substring(data.indexOf('.')+1);

if(eventName === 'appointeddBookingConfirmed'){

try{

var bookingObject = JSON.parse(booking);

var email = bookingObject.customer.profile.email;

window.dataLayer.push(JSON.parse(booking));

dataLayer.push({'event': eventName});

}

catch(err){

console.warn('Failed getting JSON from event ' + eventName, err);

console.warn(booking);

}

}

};

window.addEventListener("message", receiveMessage, false);

</script>

Then create a custom trigger in Google Tag Manager

And then create the conversion tag using that trigger.

Submit the changes in Google Tag Manager and push live.

Use Google Tag Manager to create a tag that adds this custom HTML on all pages on the website:

<script>

appointeddWidget.on('booking_created', function(data){

dataLayer.push({'event': 'enterpriseBooking'});

dataLayer.push({'widgetBooking': data});

});

</script>

Then create a custom trigger in Google Tag Manager

And then create the conversion tag using that trigger.

Submit the changes in Google Tag Manager and push live.