In this article, a step-by-step guide is provided detailing how to set up conversion tracking with Google Tag Manager (GTM).
Step 1: Set up the routing form (incl. code snippet)
The first step entails configuring your routing form or booking page by using the Demodesk code snippet to integrate the booking link or routing form into your website.
Step 2: Create GTM trigger
You can generate a custom event trigger, as illustrated in the following example:
function isDemodeskEvent(e) {
return e.data.event && e.data.event.indexOf('demodesk') === 0;
};
window.addEventListener(
'message',
function(e) {
if (isDemodeskEvent(e)) {
var dataLayer = window.dataLayer || [];
dataLayer.push({'event': e.data.event});
// the implementation for sending custom events to your tracking tool of choice might be different
}
}
);
The name of the custom event that you will start seeing in Google Analytics/GTM is demodesk.meetingScheduled.
If you want to work with additional data from the booking form (eg. the user's email), check out the developer documentation of the messaging interface. In this instance, it is recommended to reach out to your web developer for assistance with any technical inquiries.
Step 3: Create trigger for custom event within GTM
A custom event trigger is a feature within Google Tag Manager that is used to track specific interactions or events that occur on a website or app. By applying this trigger to a tag, you ensure that the tag will fire whenever the specified event occurs, even if the default submit event has been altered or overridden. This approach allows you to effectively track interactions on your website or mobile app that may not be handled through standard methods (i.e what happened in the Demodesk Iframe).
To create a custom event trigger in Google Tag Manager, follow the following steps:
Access the Trigger Creation: Within your GTM account, start by clicking on "Triggers" and then selecting "New."
Select Custom Event Trigger: In the Trigger Configuration options, choose the "Custom Event" trigger type.
Define Event Name: Enter a descriptive event name that aligns with the specific interaction you want to track. You can also select "use regex matching" if you need to work with regular expressions.