Skip to main content

Tracking Online Booking Conversions with Google Analytics 4 and Google Tag Manager

Updated over a week ago

This article aims to provide an overview of how to track PracSuite online booking conversions using Google Tag Manager and Google Analytics tags.

Please note: With the exception of confirming that your Google Tag Manager and Google Analytics tracking IDs have been added to PracSuite correctly, configuring and troubleshooting directly within Google Tag Manager and Google Analytics is outside of Smartsoft's support scope. For assistance using these tools, we strongly encourage you to seek the advice of your own SEO/digital marketing professional.

If you wish to trigger Custom HTML using Google Tag Manager, you must contact Smartsoft and request that the ability to run custom GTM scripts be enabled on the associated PracSuite account.


A note on tracking conversions when embedding the PracSuite booking site

Modern browsers now block third-party cookies by default and limit how websites can track users across domains. This affects how marketing platforms like Google Analytics, Facebook, or Google Ads track user journeys, especially when PracSuite’s online booking system is embedded inside another website using an iframe.

Without some extra configuration, two things can happen:

  • Your main website won’t be able to track bookings or conversions that happen inside the PracSuite iframe.

  • The booking site may be seen as a separate “referral” in your analytics, breaking the link between the original traffic source (e.g. Google Ads or Facebook) and the actual booking.

What You (or Your Marketing Expert) Can Do

If you want to track conversions properly and keep attribution intact, your marketing or web team will need to:

  • Set up communication between your site and the PracSuite booking iframe using tools like window.postMessage.

  • Use Google Tag Manager (GTM) on your main site to listen for events from the iframe (such as “booking complete”) and record them as conversions.

  • Update your Google Analytics settings to exclude PracSuite from referral traffic, so it doesn’t interfere with attribution.

Who Can Help

A skilled SEO or digital marketing developer should know how to do this. You can also search for guides on terms like:

  • “GA4 cross-domain iframe tracking”

  • “Google Tag Manager postMessage tracking”

  • “Tracking conversions in embedded iframes”


Not embedding the PracSuite booking site? Read on for further instructions on how to set up and record online booking conversions.

Prerequisites

This article assumes that you have set up the following:

This article covers the following:


Adding Your Tracking IDs to PracSuite

Your Google Tracking IDs will need to be added to PracSuite in Settings > Online Booking > Overview.

Google Tag Manager Tracking ID

Your Google Tag Manager tracking ID can be found in the top right-hand corner of your Google Tag Manager account. Copy this into PracSuite into the field shown above.

Google Analytics GA4 Tracking ID

For Google Analytics 4, you will need to create a new Data Stream to obtain your tracking ID. After logging into your Google Analytics account, start with searching for data stream in the search bar at the top of the page and then select the Data Streams option.

Select Add Stream and then select Web.

Enter the URL of your PracSuite online booking system, which you can find here. You will also need to enter a stream name, such as Online Bookings.

Select Create stream.

You will then see the Measurement ID for your new Data Stream. Copy this into PracSuite into the Google Analytics textbox shown above:

Configuring Google Tag Manager

After setting up the Measurement ID in Google Analytics, we now need to set up Google Tag Manager to send an event to Google Analytics when an appointment is booked online in PracSuite.

Start by logging into your Google Tag Manager account.

Select Add a new tag.

Give your tag a name e.g. Online Booking and then click in the area shown below to start configuring the tag.

There are many other Tag Types to choose from.

If you wish to trigger Custom HTML using Google Tag Manager, you must contact Smartsoft and request that the ability to run custom GTM scripts be enabled on the associated PracSuite account.

For this example, our tag will send a Google Analytics GA4 Event.

Copy and paste your Google Analytics Measurement ID we created earlier into the Measurement ID field. You will also need to choose an Event Name, which we've set to bookingconfirmed.

We now need to choose what action on the PracSuite online booking site should trigger the tag to send the event to Google Analytics. For this example, we will fire the conversion event when the visitor reaches the booking complete page that appears after they click the confirm booking button.

Click on the Triggering section.

Select the + icon in the top right.

For this example, we are firing the conversion event when they reach the booking complete page after the patient clicks the confirm booking button. This is based on /complete being in the page URL.

Select the History Change trigger type.

Select Some History Changes and then set the trigger to fire when the Page Path contains /complete as shown below:

Select Save to finalise the Tag setup.

The last step is to select Submit in the top-right corner of Google Tag Manager to publish the tag live to your booking site.

This completes the setup of firing a GA4 event when your patient reaches the online booking confirmed page.

Viewing Events in Google Analytics

After completing an online booking based on the example above, you will be able to see Events recorded in your corresponding Google Analytics account.

In Google Analytics, select Reports and then Realtime.

In the bottom right corner, you will see an event count where you should see the 'bookingconfirmed' event we created earlier.

Did this answer your question?