How Can I Set Up Google Analytics Tracking for My Booking Page?

By setting up Google Analytics tracking in your booking widget, you will be able to see how many people are visiting your booking page, how many visitors complete a booking, and how many are leaving the funnel (the funnel is essentially comprised of all the steps your visitors need to go through within your booking widget to complete their booking).


This tutorial will guide you in setting up Google Analytics tracking for your Shore booking widget.


Setting Up Your Goal Funnel

In order to set up Google Analytics tracking, you need:

  • Google Analytics
  • Google Tag Manager


Step 1: Access the Google Tag Manager preview

Check if a Google Tag Manager container is installed on your booking widget:

  • Open your booking widget in a separate window. The URL should look like this:{your company name}/services?...
  • Go to your Google Tag Manager container and activate the Preview mode (top right)




  • Refresh your booking page


Now you should be able to see the Google Tag Manager preview at the bottom of the screen:




If you cannot see the preview, please get in touch with customer support so we can install Google Tag Manager for you.


Note about virtual pageviews:

Keep in mind that Google Analytics will not be able to see any pageview inside the booking widget. The only page visible is the one at the opening of the widget.

However, throughout the whole booking process, the system sends differents events. These events can be triggered in order to create what we call virtual pageviews. These pages do not actually exist but are generated based on the various events happening during the booking process. Our goal funnel will be based on those virtual pageviews.


Step 2: Create a trigger for your Google Analytics virtual pageview tag

In Google Tag Manager, go to Trigger and create a new Custom Event trigger:




Give it a name and fill in the information as follows:



Event name:   .* Use regex matching

This trigger fires on:  Some Custom Events

Fire this trigger when an Event occurs and all of these conditions are true

Event matches RegEx (select)|(success)|(booking)

Then save your trigger.


Step 3: Create your Google Analytics virtual pageview tag

Now that you’ve set up your trigger, you can create your virtual pageview tag. In Google Tag Manager, go to Tags and create a new Google Analytics - Universal Analytics tag.




Give it a name and fill in the information as follows:




Google Analytics Settings: your Google Analytics Settings variable

Fields to Set:
Field Name: page
Value: virtual/{{Event}}


Don’t forget to add the trigger you just created under "Triggering":




Then save your new tag and don't forget to submit your changes. Your funnel tracking will only work if you publish your latest changes!




Now you should be able to see the virtual pageviews inside your Google Analytics property. If you check the Real-Time / Content tab in Google Analytics, it will look like this:




Step 4: Create your pageview funnel goal in Google Analytics

In your Google Analytics property, create a new Custom / Destination Goal:



Fill in the Goal details as shown below:




Goal details:
Regular expression (.*)virtual\/booking-success(.*)

Funnel: ✅ ON

1 open widget (.*)\/bookings\/(.*)\/services\?(.*)
2 select service (virtual\/last-booking)|(virtual\/select-service)
3 select capacity (.*)virtual\/select-capacity(.*)
4 booking (.*)virtual\/booking(.*)


Click Save and you are done!


Final Step: Check your goal funnel in Google Analytics




Was this article helpful? 0 out of 0 found this helpful