Configuring markups through Google Tag Manager (GTM)

What are scripts?

Script is a term used in programming to talk about code snippets used to shape tools. Some examples of scripts that you could have in the engine could be: 

• Connection with Google Hotel Ads if you run campaigns (free booking links is not necessary).
  
• Integrations with comparison widgets (The Hotels Network, 123compare.me, Triptease).
  
• Integrations with chatbots to be seen in the engine (Hijiffy, Quicktext)
  
• Pixels to be able to log campaign results on Facebook
  
• Style changes via CSS (color changes or engine typography). In the new version of the engine, style changes will be managed directly through the Back Office manager, with the predefined options offered there.

What is Google Tag Manager (GTM) and how does it work?

It is a system completely external to the engine. It is a centralized way of being able to influence certain engine functions externally.

The new Google Analytics 4 (GA4) is managed through GTM. Here you can see the email where we informed you about this.

It is a tag management system that allows you to update your website, booking engine or mobile app quickly and easily with tracking codes and related code snippets that are collectively referred to as tags.

Google Tag Manager works with a single piece of JavaScript code that you add to your website as a container for all the tags you want to manage. When a user activates a tag (for example, by clicking on a link or loading a page), GTM retrieves it and inserts it into your web code.

How do I activate GTM?

If you do not have a GTM account, in the following link you can follow the steps to create one: Configure and install Tag Manager, each type of Script may have a different configuration, so it is advisable that you talk to the companies that have provided it to help you install it.

Anyway, we have created a small summary for you to have a generic example to insert a tag inside Google Tag Manager while you copy the one you already have created inside the Witboking Back Office in Integrations > Markup Manager

Create a new tag of type "Custom HTML".

• In the "HTML" box paste exactly the same code you would put in markup
• Choosing trigger is the "complex" part:
  • This depends on the "Place" field that would have to be configured in our markup:
  • "Step 1" → The trigger would be our room selection event or property selection if aggregator.
  • "Step 2" → The trigger would be our checkout event.
  • "Confirmation" + printOneTime → The trigger would be our booking confirmation event.
  • "All Pages" -> "All Pages" trigger.

In this last step we select the activator, where we want the Script to be activated.

Once we have it ready, we save it, and it will be created.

How to install GTM in the Witbooking Engine

We have to make sure that the number of the container (the GTM ID) is connected in the engine's Back Office, in Parameterization > Google Analytics > GTM codes:

WIHP Mark-ups, 123compare.me, The Hotels Network

For these 3 providers, you will have to provide us with the ID of your establishment given to you by these companies by email to soporte@witbooking.com. Our agents will enter it in our database.

The new way of managing these themes is completely external to Witbooking, so we will not have access to make changes, and once installed we will not be responsible for its correct installation. Chatbots, analytics, etc. companies should help you in this installation.

If you have any questions, please contact the soporte@witbooking.com team.