View source for Analytics tools integration guide

{{#seo:
|title=Analytics tools integration guide - SimplyBook.me
|description=Connect analytics tools to track bookings and performance. Use insights to grow your business. Start integrating today!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, setup, setup help, support, help content, analytics guide, tracking guide, analytics help, facebook pixel guide, google analytics, facebook pixel, tag manager, google tag manager
}}




This guide will assist you in seamlessly integrating a variety of analytics tools to monitor activity, bookings, and other events with SimplyBook.me software.

Please use the linked list below to select the tool of your choice and carefully follow each step in the integration process:
__TOC__


<span style="font-size: 24px;">Analytics account</span>

Before delving into the setup of any analytics tools, ensure that you have either an existing account or have successfully created one for the specific tool.


''Step 1:'' Visit [https://google.com/analytics Google Analytics homepage].<br>
[[File:Analytics account 1.png|1200px|link=https://help.simplybook.me/images/f/f0/Analytics_account_1.png]]
<br><br>
''Step 2:'' Follow one of the options below:

* To set up a new account, click '''Start for free'''
* If you already have an account, click '''Sign in to Analytics'''
<br><br>
--------
=Google Analytics=

''Step 1:'' Visit [http://google.com/analytics google.com/analytics] and click on '''Get started today'''. You will then be prompted to log into your Google account.

''Step 2:'' Complete the registration:

* Enter an account name.
* Select account data sharing preferences.
* Create a Google Analytics property (you can use your website name as your property name).
* Provide essential details about your business (e.g., company size, industry category, etc.).
* Agree to the Google Analytics Terms of Service.
* While selecting a Data Stream choose '''Web'''

''Step 3:'' Add your website URL, enter a stream name, then click '''Create stream'''.
[[File:Create stream.png|1200px|link=https://help.simplybook.me/images/e/e9/Create_stream.png]]
<br><br>
''Step 4:'' You will be presented with the details of your web stream. Copy the measurement ID and then proceed to add it to your [https://SimplyBook.me SimplyBook.me] '''Google Adwords and Analytics''' feature settings.
[[File:Measurement id.png|1200px|link=https://help.simplybook.me/images/e/e5/Measurement_id.png]]
<br><br>
''Step 5:''  In your [https://simplybook.me/ SimplyBook.me] admin interface, access '''Custom Features''', locate '''Google Adwords and Analytics''' in the list, and activate it. Then, paste the ID you saved from the previous step into the '''Main Configuration''' —> '''Google Analytics ID''' field.
[[File:Google analytics id path redesigned.png|1200px|link=https://help.simplybook.me/images/9/92/Google_analytics_id_path_redesigned.png]]
<br><br>
If you already have a Google Analytics account but haven't connected a SimplyBook.me Booking Website as a Data Stream, follow these steps to create one.
<br>
1. Click the gear icon in the sidebar navigation.<br>
2. Select '''Data streams'''.<br>
[[File:Data streams.png|1200px|link=https://help.simplybook.me/images/2/23/Data_streams.png]]

3. Click “Add stream” and select “Web”.<br>
[[File:Web stream.png|1200px|link=https://help.simplybook.me/images/b/be/Web_stream.png]]
<br><br>
4. Include the website link and name for your data stream. After creating it, you will receive a measurement ID. Copy this ID and proceed to replicate '''Step 4''' from the instructions above.
<br><br>
Done. Your Google Analytics account is now linked with your [https://simplybook.me/ SimplyBook.me] website, and all the prepared events will be automatically transmitted to your Google Analytics reports and real-time data. For details about these events, please refer to the next section.
<br><br>
In order to see any changes in your analytics account, Google says to wait for 24 hours. On other side you can use real time section to view live data and live events firing on your page.
<br><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' For the Google Analytics verification you need to either accept cookies in the cookie banner on the booking website/widget or disable it for widget in Settings//Main configuration in your SimplyBook.me account.</span>
<br><br>
<span style="font-size: 24px;">Events</span>

[https://simplybook.me/ SimplyBook.me] triggers specific events whenever a user performs actions on your website. Here is a list of these events along with their descriptions.
{| style="display:block; width:90%; box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1); border-radius: 8px; border-collapse: collapse; margin-left:20px;"
|- style=""
! style="font-weight: bold; color: #0B3052; width:30%; " | Event name
! style="font-weight: bold; color: #0B3052; width:70%; " | Description
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| page_view 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| This event is triggered every time a user navigates to different pages on your website. In the event data, you can access information about the page title and path to which the user navigates.
|- 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| purchase 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| This event is triggered when a user:<br>
1. Completes the booking of free service(s).<br>
2. Completes the payment for paid service(s) or selects the "Pay later" option.
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| begin_checkout 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| This event is triggered when the user is on the step of selecting a payment method during the booking process. |
|}

<span style="display: block; width: 80%; background-color:#fef3de; padding:5px; border-radius:5px;">ℹ️ All of these events are tracked both on the booking website as a standalone page and within an iframe widget. We pass a special parameter that links the domain of the website where you've embedded the iframe, enabling the tracking of events for the [SimplyBook.me](http://simplybook.me/) booking page. It's important to note that certain Chrome Extensions, such as ad blockers, can potentially block the proper functioning of your analytics, meaning that users with such extensions installed may have their actions not tracked by Google Analytics.</span>
<br><br>
To view and confirm that events are being fired and passed to analytics, you can use the Real-Time overview. Navigate to the Google Analytics dashboard, then go to '''Reports''' and select '''Realtime'''. This will provide you with real-time insights into the events being tracked. Browse through your booking website, create a test booking.<br>
[[File:Realtime report.png|1200px|link=https://help.simplybook.me/images/f/fb/Realtime_report.png]]
<br><br>
---------

=Google Tag Manager=

Step 1: Go to [https://tagmanager.google.com/ tagmanager.google.com] and register using the identical Google account you employed for Google Analytics.<br>
Step 2: Once you've logged in, select the '''Create Account'''.<br>
[[File:Create account tag manager.png|1200px|link=https://help.simplybook.me/images/e/ef/Create_account_tag_manager.png]]
<br><br>
Step 3: Write down your account name, container name and select '''Web''' as target platform. Click '''Create''' button.<br>
[[File:Web as target tag manager.png|1200px|link=https://help.simplybook.me/images/d/da/Web_as_target_tag_manager.png]]
<br><br>
Step 4: After successfully creating your new account, you will be presented with a tracking code similar to the one below. Copy the highlighted ID and keep it for the next step.<br>
[[File:Highlighted tag id.png|1200px|link=https://help.simplybook.me/images/2/26/Highlighted_tag_id.png]]
<br><br>
Step 5: In your [https://simplybook.me/ SimplyBook.me] admin interface, access '''Custom Features''', locate '''Google Tag Manager''' in the list, and activate it. Then, paste the ID you saved from the previous step into the '''Container Identifier''' field.<br>
[[File:Tag manager container identifier redesigned.png|1200px|link=https://help.simplybook.me/images/9/95/Tag_manager_container_identifier_redesigned.png]]
<br><br>
Now, your Google Tag Manager is connected to the [https://simplybook.me/ SimplyBook.me] website and ready to be used. You can create new tags, triggers, variables, and build your own analytics tracking logic.
<br><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' For the GTM verification you need to either accept cookies in the cookie banner on the booking website/widget or disable it for widget in Settings//Main configuration in your SimplyBook.me account.</span>
<br><br>
<span style="font-size: 24px;">Tags</span>

In Google Tag Manager, a tag is a code that transmits information to a third-party platform like Google Analytics. Implementing tags allows you to effortlessly send data to external systems, gaining valuable insights and making informed decisions based on analytics.<br>

When creating a tag in Google Tag Manager, choose the tag type, such as Google Analytics or Meta (Facebook) Pixel. Configuration settings vary based on the selected tag.<br>

Tags can also be customized with triggers and variables. Triggers determine when and where the tag is used, while variables provide dynamic values for tag configuration.<br>
<br>
Let's create our first tag and configure it with Google Analytics. Follow the steps below to create a new tag.

Step 1: Click '''Tags''' —> '''New'''.<br>
[[File:Create new tag.png|1200px|link=https://help.simplybook.me/images/6/62/Create_new_tag.png]]
<br><br>
Step 2: Configure tag
* Give your tag a name
* Click '''Tag Configuration''' —> select '''Google Tag'''
* In the '''Tag ID''' field, paste your measurement ID from Google Analytics. To find your measurement ID, go to your Google Analytics account —> '''Settings''' —> navigate to '''Data Streams''' and select your previously configured data stream. Then, copy the '''Measurement ID'''.
* In '''Triggering''' select '''Initialization - All Pages'''. This will run tag as soon as possible.<br>
[[File:Tag initialization.png|1200px|link=https://help.simplybook.me/images/a/a9/Tag_initialization.png]]
<br><br>
Great! You've successfully created a new tag and connected your Google Analytics account with Google Tag Manager. To confirm that everything is functioning correctly, click on '''Preview'''. This action will initiate the '''Google Tag Manager Assistant''' and run your connected website in debug view, showing all configured tags depending on when they trigger. You can also use a separate Chrome Extension called [https://chromewebstore.google.com/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm Tag Assistant Companion]. It runs the tag assistant instantly.
<br><br>
More on [https://support.google.com/tagmanager/topic/7683268 variables], [https://support.google.com/tagmanager/topic/3281056 tags] and [https://support.google.com/tagmanager/topic/7679384 triggers] at Google Support.
<br><br>
----------

=Facebook Pixel (Meta Pixel)=

Step 1: Go to [https://www.facebook.com/events_manager2 Meta Events Manager].

Step 2: Click on '''Connect data sources''' and select '''Web'''.<br>
[[File:Fb pixel data source web.png|1200px|center|link=https://help.simplybook.me/images/a/aa/Fb_pixel_data_source_web.png]]
[[File:Fb data source web 2.png|1200px|center|link=https://help.simplybook.me/images/8/83/Fb_data_source_web_2.png]]
[[File:Fb data source 3.png|1200px|center|link=https://help.simplybook.me/images/4/4d/Fb_data_source_3.png]]
<br><br>
Step 3: Enter a name for your pixel and click '''Create pixel'''.

Step 4: Enter the URL of your '''SimplyBook.me''' website. Hit the “Check” button.

Step 5: Select “Do it yourself” setup method.<br>
[[File:Fb pixel do it yourself.png|1200px|center|link=https://help.simplybook.me/images/f/f4/Fb_pixel_do_it_yourself.png]]
<br><br>
Step 6: Select '''Conversions API and Meta pixel''' or '''Meta pixel only''' as your setup option, then proceed by clicking '''Next'''.<br>

If you choose '''Conversions API and Meta pixel''', decide how you want to set up the Conversions API and pixel by selecting from options such as '''Set up with partner integration''', '''Set up with Conversions API Gateway''' or '''Set up manually'''. Follow the onscreen instructions to set up the pixel, Conversions API, and events based on your chosen method.<br>

If '''Meta pixel only''' is chosen, select to '''Install code manually'''.<br>
[[File:Meta pixel only.png|1200px|center|center|link=https://help.simplybook.me/images/a/aa/Meta_pixel_only.png]]
<br><br>
Step 7: On the next step, simply close the popup window, as SimplyBook.me already has all the necessary code installed on the booking page. You only need to retrieve the "Pixel ID”.

Step 8: Once the '''Data Source''' has been successfully created, go to '''Settings''' and copy the '''Dataset ID'''(Pixel ID). You can also find the Pixel ID on Step 6 above at the bottom of the popup (just digits).
[[File:Copy pixel id.png|1200px|center|link=https://help.simplybook.me/images/1/15/Copy_pixel_id.png]]
<br><br>
Step 9: Then, head to the [https://simplybook.me/ SimplyBook.me] admin interface, access '''Custom Features''', locate the '''Facebook Pixel''' custom feature, activate it, and paste the previously copied '''Pixel ID'''.
[[File:Facebook pixel id path redesigned.png|1200px|center|link=https://help.simplybook.me/images/6/6b/Facebook_pixel_id_path_redesigned.png]]
<br><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' For the Facebook Pixel verification you need to either accept cookies in the cookie banner on the booking website/widget or disable it for widget in Settings//Main configuration in your SimplyBook.me account.</span>
<br><br>
The Meta Pixel has been installed, and you're all set to pass events to Meta analytics. Here's a list of all events that SimplyBook.me sends to analytics along with their descriptions.
<br><br>
<span style="font-size: 24px;">Events</span>
<br>
[https://simplybook.me/ SimplyBook.me] triggers specific events whenever a user performs actions on your website. Here is a list of these events along with their descriptions. You can track them using [https://chromewebstore.google.com/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc Meta Pixel Helper] on your booking website.

{| style="display:block; width:90%; box-shadow: 2px 2px 15px rgba(45, 51, 72, 0.1); border-radius: 8px; border-collapse: collapse; margin-left:20px;"
|- style=""
! style="font-weight: bold; color: #0B3052; width:30%; " | Event name
! style="font-weight: bold; color: #0B3052; width:70%; " | Description
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| PageView 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| The event is triggered when a user opens any of the pages for the first time, signifying that the Meta Pixel has been initiated and is functioning correctly. (Default event triggered by Pixel)
|- 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| ViewContent 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| The event is triggered when user navigates to different pages or booking process steps. We pass a special parameter called content_name which holds the name of the page which user navigates to
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| InitiateCheckout 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| This event is triggered when the user has started a checkout process on any kind of paid services.
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| Schedule 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| Triggered when the user completes booking of a free service
|-
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| Purchase 
| style="border-bottom: 1px solid #e7ecf7; padding: 10px;"| This event is triggered when a user completes the payment for paid service(s)
|}
<br><br>
-----------

=Useful Tools=

Use these tools to enhance the debugging process and ensure that your analytics tools are functioning correctly.

* [https://chromewebstore.google.com/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm Google Tag Assistant Companion]<br>
* [https://chrome.google.com/webstore/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm Tag Assistant Extension]<br>
* [https://chrome.google.com/webstore/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc Meta Pixel Helper (Facebook Pixel Helper)]<br>
<br><br>