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:
    https://connect.shore.com/bookings/{your company name}/services?...
  • Go to your Google Tag Manager container and activate the Preview mode (top right)

 

tracking0.png

 

  • Refresh your booking page

 

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

 

tracking1.png

 

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:

 

tracking2.png

 

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

tracking3.png

 

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.

 

tracking4.png

 

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

 

tracking5.png

 

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":

 

tracking6.png

 

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!

 

tracking11.png

 

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:

 

tracking7.png

 

Step 4: Create your pageview funnel goal in Google Analytics

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

tracking8.png

 

Fill in the Goal details as shown below:

 

tracking9.png

 

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

Funnel: ✅ ON

Steps:
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

 

tracking10.png

 

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

Comments