How to Track Conversions with Google Tag Manager

Where can I find it? Company >>> Components/Integrations >>> Google Tag Manager      

Google Tag Manager is a tag management system that allows you to manage and deploy marketing tags (snippets of code or tracking pixels) on your TuriTop Booking Calendar.

This integration is intended for those companies using the TuriTop's default thank you page or the TuriTop Plugin for WooCommerce and will allow you to track your (purchase) conversions in Google Analytics 4.

If you use a custom thank you page you must generate and use the script from the Custom Thank You Page Code Generator.

Warning: To properly configure this tool you will preferably require the assistance of a marketing and GTM specialist, especially if you have more advanced needs and if you need to track events not supported by TuriTop. Keep in mind that it is your responsibility to: 

• Create your GTM account.
• Configure and install the containers.
• Configure the tags and triggers of the containers.
• Test the performance of your triggers and tags.
• Submit/deploy the changes to your live website.
• Install the GTM tag on your website.

If you have further questions after reviewing this article, contact our support team for advice based on the configuration of your TuriTop account. 

Connect GTM to your TuriTop panel (Legacy)

This functionality is intended for TuriTop Legacy users using TuriTop's default thank you page. If you are using the TuriTop Plugin for WooCommerce, go to the next section.

Follow these steps to connect your TuriTop panel with GTM:

Step 1: Log in to your Google Tag Manager account

Go to the Google Tag Manager site (https://tagmanager.google.com/) and log in with your associated Google account or create a new account (tutorial).

Once inside, access the Workspace and copy the ID that you will see at the top right of the page. It will be similar to: GTM-XXXXX.

Step 2: Connect your Google Tag Manager to your TuriTop account

Open the control panel of your TuriTop Reservation System and go to Company >>> Components/Integrations >>> Google Tag Manager.

Paste your Google Tag Manager ID.

Connect GTM to WooCommerce (TuriTop Plugin for WooCommerce)

This configuration is only intended for users with the TuriTop Plugin for WooCommerce. If you are using TuriTop Legacy and the default thank you page, go to the previous section.

You can use any available plugin to integrate your WooCommerce online store with Google Tag Manager. However, remember that we cannot support external plugins, nor ensure compatibility with all tools available on the market. Therefore we recommend you the GTM4WP plugin.

Step 1: Install the plugin

Download and install the following plugin on your website:

https://wordpress.org/plugins/duracelltomi-google-tag-manager/

Step 2: Log in to your Google Tag Manager account

Go to the Google Tag Manager site (https://tagmanager.google.com/) and log in with your associated Google account or create a new account (tutorial).

Once inside, access the Workspace and copy the ID that you will see at the top right of the page. It will be similar to: GTM-XXXXX.

Step 3: Connect Google Tag Manager with the plugin

Inside your website, access the GTM4WP plugin settings and go to General >>> Google Tag Manager ID. here you must add your Google Tag Manager ID.

Then, in the Integration >>> WooCommerce window, you will find the options to capture the events you need.

Install the Google Tag Manager tag

For instructions on how to install the GTM container on your website, check this tutorial. Although the code snippets can be inserted manually, there are many tools that can help you install them depending on the CMS you are using.

If you are using the plugin "GTM4WP" you can choose whether to install or not the tag via the plugin, within General >>> Container code ON/OFF:

• Select "On" to insert the GTM tag.
• Select "Off", if you have already installed it in another way to prevent duplicating the code.

Import the TuriTop container

Your marketing team could configure GTM tags and triggers if they wish, but we offer you a predefined container that you can easily import into your dashboard. To download it click here.

To import this configuration you will need to follow these steps:

Step 1: Import the container

Access your Google Tag Manager panel and click on "Admin".

In the container options menu, choose the option "Import Container".

In the new window that will open:

1. Select the "GTM-Template.json" file you downloaded before.
2. Choose in which workspace it will be imported.
3. Define if it should overwrite or not the existing configuration.

To finish the import, click "Confirm":

Step 2: Modify the Google Analytics 4 ID

Right after importing the container, you will see the following tags and triggers in your panel:

Access the "Tags", select the "Google Analytics GA4 | Page View" tag, and click the pencil to edit it.

Add your Google Analytics 4 ID and select "Save" to register the changes.

How to get your GA4 ID? If you are not sure where to locate your ID, follow this tutorial.

Step 3: Publish the changes

Once you are done with all the changes in your container, make sure to hit "Submit" to launch it into production.

Testing in Google Tag Manager

Google suggests checking the configured tags are working properly before publishing any changes. To test, click on the "Preview" option.

You will have to enter the URL to your website and, once it loads, click on "Connect" and simulate the behavior of an end-user on the web to check the configured events are correctly registered by GTM.

Make sure you already installed the Google Tag Manager tag on your website.