Businesses have the ability to track user activity within the Booking Widget on your website by inputting your unique Google tracker ID and Facebook Pixel ID in the dashboard (gear icon > Online Booking > Tracking section). This will track specific events as the user progresses through the widget.

Google Analytics and Facebook Pixel are only available on the business level, not per location.

What can be tracked?

By having these codes in the dashboard, you are able to track the following in both Google and Facebook:

Event Name

What It Tracks

ViewContent

clicked name of individual service

AddToCart

clicked 'Add' under individual service

FindATimeDateChange

selected different appointment day

Initiate Checkout 💰

entered "Complete Your Booking" page

Purchase 💰

fully completed booking or purchase

💰 = These events send price information

Goals/Conversion Events in GA

This is not required to be able to see the booking widget events but will help you better quantify the success of your goals!

Customers are encouraged to create goals (also named Conversion Events) within your Google/Facebook management in order to be able to easily report on the events above compared with your own business/marketing goals. You can use the following Google support article for guidance on how to create them:

Create, edit, and share goals - Analytics Help

Google Analytics Setup (both parts required!)

Part 1: In Google Analytics

BLVD is not currently compatible with GA4, the new Analytics tool, only with UA (Universal Analytics). If you have not yet set up a UA property, you should follow these steps:

  1. To create a UA property, go to Admin (gear icon, bottom left) > Create Property. Complete all necessary fields and click “Show advanced options”, then toggle on “Create a Universal Analytics property”.

2. Once you have created your UA property, go to Tracking Code under Tracking Info section:

​​

3. Copy the Global Site Tag and insert in the header of each webpage of your site you would like to track.

This should go right above your booking widget code:

Part 2: In Boulevard

  1. Add UA code in gear icon > Online Booking > Google Analytics

Once Parts 1 and 2 are completed, booking widget tracking will begin!

Please note that you will not be able to retroactively see activity, you will only be able to see beginning the day you completed the setup.

Event Tracking Example in GA

This is an example of how this will look in your Google Analytics dashboard when set up correctly:

In Admin portal, Behavior > Events > Overview


Google Ad Forwarding Setup

If you need assistance with setting this up or have any questions, please reach out to our Support team or your CSM.

You will need three pieces of code in the header of your website to appropriately track user activity coming Google Ads:

It is crucial that you add ALL THREE of the following, or the widget may malfunction and not open at all.

1. GA tracking code from Analytics Admin page (Global Site Tag)

- See step 3 In Google Analytics Setup above

2. Code that strings user activity together

<!-- Google Analytics -->

<script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'GA_MEASUREMENT_ID', 'auto');

ga('send', 'pageview');

</script>

<!-- End Google Analytics -->

3. Unique booking widget code

-Please reach out to Support via Help Chat / support@blvd.co or your CSM to obtain your Business ID to inject into the below code before putting on your site:

<!-- Boulevard Booking Widget -->

<script>

(function (a) {

var b = {

businessId: 'BUSINESS ID GOES HERE',

urlParams: {}

};

var c = a.createElement('script');

var d = a.querySelector('script');

c.src = 'https://static.joinboulevard.com/injector.min.js';

c.async = true;

c.onload = function () {

ga(function (tracker) {

b.urlParams['blvd_ga_client_id'] = tracker.get('clientId');

blvd.init(b);

});

};

d.parentNode.insertBefore(c, d);

})(document);

</script>

<!-- End Boulevard Booking Widget -->

Google Ads Forwarding Example

Once you have input all the necessary tracking code above, you will be able to begin seeing how making bookings (and the value) that came from specific Google Ads.

Once your Ad is live and users start clicking through and interacting with your website, you will begin seeing the behavior flow in Google Analytics through GA Admin Portal: Behavior > Behavior Flow > Display by Campaign


FAQ

Can I track the type of purchase made, such as a service booking, number of appointments booked in one checkout, gift card purchase, or membership enrollment?

You can see the value of the Purchase events, and in the Purchase details, the content and number of items.

What if I want to be able to track more than the 5 events in the chart above?

You are not able to track additional events when using our standard booking widget but can create your own events if you create your own custom booking flow using our SDK (available to Enterprise customers only).

I’ve created my goals in their Google Analytics portal, but want them in Google Ads.

GA goals can be imported to Google Ads Conversion Tracking. You can use the following Google support article if you need guidance on importing your Analytics goals:

Import Analytics goals and transactions into Google Ads Conversion Tracking - Analytics Help

Did this answer your question?