Difference between revisions of "Analytics tools integration guide"

From SimplyBook.me
 
(One intermediate revision by the same user not shown)
Line 66: Line 66:
 
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.
 
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>
 
<br><br>
'''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 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>
 
<br><br>
 
<span style="font-size: 24px;">Events</span>
 
<span style="font-size: 24px;">Events</span>
Line 112: Line 112:
 
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.
 
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>
 
<br><br>
'''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 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>
 
<br><br>
 
<span style="font-size: 24px;">Tags</span>
 
<span style="font-size: 24px;">Tags</span>
Line 170: Line 170:
 
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'''.
 
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]]
 
[[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>
 
<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.
 
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.

Latest revision as of 10:13, 20 December 2024



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:


Analytics account

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 Google Analytics homepage.
Analytics account 1.png

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




Google Analytics

Step 1: Visit 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. Create stream.png

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 SimplyBook.me Google Adwords and Analytics feature settings. Measurement id.png

Step 5: In your 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. Google analytics id path redesigned.png

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.
1. Click the gear icon in the sidebar navigation.
2. Select Data streams.
Data streams.png

3. Click “Add stream” and select “Web”.
Web stream.png

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.

Done. Your Google Analytics account is now linked with your 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.

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.

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.

Events

SimplyBook.me triggers specific events whenever a user performs actions on your website. Here is a list of these events along with their descriptions.

Event name Description
page_view 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.
purchase This event is triggered when a user:

1. Completes the booking of free service(s).
2. Completes the payment for paid service(s) or selects the "Pay later" option.

begin_checkout This event is triggered when the user is on the step of selecting a payment method during the booking process. |

ℹ️ 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.

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.
Realtime report.png


Google Tag Manager

Step 1: Go to tagmanager.google.com and register using the identical Google account you employed for Google Analytics.
Step 2: Once you've logged in, select the Create Account.
Create account tag manager.png

Step 3: Write down your account name, container name and select Web as target platform. Click Create button.
Web as target tag manager.png

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.
Highlighted tag id.png

Step 5: In your 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.
Tag manager container identifier redesigned.png

Now, your Google Tag Manager is connected to the SimplyBook.me website and ready to be used. You can create new tags, triggers, variables, and build your own analytics tracking logic.

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.

Tags

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.

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.

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.

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.
Create new tag.png

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.

Tag initialization.png

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 Tag Assistant Companion. It runs the tag assistant instantly.

More on variables, tags and triggers at Google Support.


Facebook Pixel (Meta Pixel)

Step 1: Go to Meta Events Manager.

Step 2: Click on Connect data sources and select Web.

Fb pixel data source web.png
Fb data source web 2.png
Fb data source 3.png



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.

Fb pixel do it yourself.png



Step 6: Select Conversions API and Meta pixel or Meta pixel only as your setup option, then proceed by clicking Next.

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.

If Meta pixel only is chosen, select to Install code manually.

Meta pixel only.png



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).

Copy pixel id.png



Step 9: Then, head to the SimplyBook.me admin interface, access Custom Features, locate the Facebook Pixel custom feature, activate it, and paste the previously copied Pixel ID.

Facebook pixel id path redesigned.png



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.

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.

Events
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 Meta Pixel Helper on your booking website.

Event name Description
PageView 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)
ViewContent 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
InitiateCheckout This event is triggered when the user has started a checkout process on any kind of paid services.
Schedule Triggered when the user completes booking of a free service
Purchase This event is triggered when a user completes the payment for paid service(s)




Useful Tools

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