GA4 Setup Guide

GA4 Setup Guide

Info
Purpose
This section is to explain how to setting up GA4 measurement via GTM.
⏱ Estimated time: ~10mins
Notes
Required Pre-Setup Items
  1. tripla Book settings must be completed.
  2. Subdomain settings must be configured.
  3. A Google Analytics 4 (GA4) account must be created.
  4. A Google Tag Manager (GTM) account and container must be created.
  5. GA4 measurement settings must be configured via GTM.
Idea
A Google Tag Manager (GTM) account can be created from the link below.
Warning
This manual includes images from external services.
Due to differences in external service specifications, some screens or settings may vary.
If there are any questions or uncertainties, please contact the relevant service provider.

1. Setting Up a GTM Tag  (Required)

Step 1
・Open GTM.
・Click [Install Google Tag Manager] from the GTM dashboard.
Step 2
・The implementation instructions will open.
・Click the button to copy the GTM setup code for the <head> and <body>.
Step 3
  1. Setting page: Property Management Screen
  2. Action: 'Admin Setting' → 'tripla Setup'
Step 4Paste the GTM setup code that has been copied earlier into the <head> tag and <body> tag field.

Step 5
After clicking the [Save] button and launching tripla Book, the configured GTM container is loaded.

Step 6
Click [Manager Data Layer] .

Step 7
Click [Save].


*Even if no changes are made, the data will not be saved and events will not fire unless [Save] is clicked.
*At this stage, the events required for funnel analysis are not yet triggered.
These settings will be configured in the following steps.

2. Set Up Events in GTM

Step 1From the GTM Screen, click [Import Container].

Step 2
・Download the standard event configuration file provided by tripla below.
・When the [Import Container] screen opens, click [Choose container file] and import the file.

Step 3
・Click [Default Workspace].

・Click [+] icon to add new Workspace. 
・To make it easier to recognize, enter "tripla Event" as the workspace name and click [Save].
Step 4
Click [Add to workspace] to confirm.

Step 5・The screen will return to the top screen.
・Confirm that the current workspace is set to "tripla Event".
・Click on the [Tag] menu, and imported tags will be displayed.

3. Updating GA4 Configuration Tags

  1. The measurement ID must be changed to the property’s own GA4 Measurement ID in both “GA4 triplaEvent” and “GA4_Setting_Tag”.
  2. If the facility-specific Measurement ID is not set, triplaEvent will not fire under the property’s GA4 property.
Step 1
・Click the [Tags] to open the details screen, set the GA4 Measurement ID to be used for measurement, and then click [Save].
▼Example:
・For instructions on how to create a GA4 Measurement ID, please refer to this manual.
Step 2
・Click the [Submit] button in the upper-right corner to open the "Submit Changes" screen.
・Click [Publish] to enable triplaEvent to fire.
・A confirmation screen will appear once the process is completed.

Step 3
・After completing the above settings, events will start firing.
・Next, verify that the configured events are firing while checking the screen.
・Click [Workspace].
・Once the "Workspace" screen is open, click the [Preview] button.

Step 4Enter the Website URL and click the [Connect] button.

Step 5
・The homepage will load.
・Return to the original screen and click the [Continue] button.

Step 6
Select the GA Measurement ID set up in GTM.
*Please note that the GTM code will vary by property, select the one that starts with [G].

Step 7
・Return to the opened "homepage" and open the search page.
・Click “Open Tag Assistant” to return to the "Tag Assistant" screen, where the "triplaEvent" tag is shown.

Step 8
・Click [triplaEvent].
・On the search results page, a list of parameters obtained for triplaEvent is displayed.
・Various parameters can be confirmed, and by scrolling down, the parameter required for funnel analysis in the booking flow, page_category, can be found.
・This completes the GTM setup. 

4. GA4 Funnel Analysis Setup

Step 1
In Google Analytics, open [Admin] > [Custom definitions] to create a custom dimension.
Step 2
On the "Custom dimensions" edit screen, click [Create custom dimension], enter and select the following values, then save.
・Dimension name: page_category
・Scope: Event
・Event parameter: page_category
Step 3
Next, select [Explore] in GA4.
Then select [Blank] to start a new exploration.
Step 4
・Set the [Exploration Name] to any desired value.
・Select [Funnel exploration] as the technique.
・Select the [Steps] section.


Step 5
・In [Step 1], enter [Search Results] as the step name.
・Select [triplaEvent] from the event list.
・Select [Add parameter].
・Select [page_category] from [Custom] or [Other].
・From the condition dropdown, select [exactly matches (=)], enter [Search Result] in the input field, and click [Apply].

Step 6
Referring to the table below, add steps and repeat the same configuration up to Step 3.
Only the value of page_category should be changed for each step.
Step
Step Namepage_category
1Search ResultSearch Result
2
Guest Detail
Guest Detail
3Payment MethodPayment Method

Step 7
Create Step 4 and set the step name to “Reservation Complete”.
Select “triplaEvent”, which is the default GA4 conversion event, and click [Apply].
This completes all settings.
Warning
Info
After configuring custom definitions, it may take up to approximately 24 hours for the changes to take effect.
If “0 results” or “No data available” is displayed when setting up funnel analysis, wait 24 hours and then configure it again.

5. Data Layer Functionality

5.1 What is the Data Layer?

The Data Layer is a feature that allows you to add custom information to Google Tag Manager (GTM) and send that data to Google Analytics (GA), enabling the tracking of information that was previously unavailable for measurement.
Info
▼Examples:
・Which plans were displayed on the search results page?
・How did the user arrive at the hotel site (e.g., referral source)?
・Did the user make a reservation through the room search or the plan search?

5.2 Use Cases

By managing information that was previously unmeasured, you can make new discoveries, improve features, and create more attractive plans.
Info
▼Examples:
・What are the common characteristics of plans that are frequently booked?
・What is the most popular price range at a specific hotel?
・What promotion leads to the most bookings?
・How many days before the stay do most booking cancellations occur?
・Where do users most often drop off in the booking process?

5.3 Analysis Sample

By utilizing the gathered information, you can perform more detailed analysis, such as identifying common points of drop-off in funnel reports and various pages.
▼Example:
If the drop-off rate from search results is significantly higher compared to other hotels in the same industry, suggestions such as revising the plans or improving photos can be made.

5.4 Target Users

This feature is intended for hotel marketing managers and developers.
Basic knowledge of web development and web marketing is required as prerequisite knowledge to use this feature effectively.
If GTM and GA are already in use, this feature can be leveraged to analyze user behavior within the hotel booking flow.

5.5 How to Set Up (tripla Management Screen)

  1. Setting page: Property Management Screen.
  2. Action: 'Admin Setting' → 'tripla Setup'
Info
To use the Data Layer feature, a tag such as GTM must be placed within the <head> tag and the <body> tag.
Once these tags are implemented, the button will be displayed. By default, the button is hidden.
Step 1Enter the customized tags in the <head> and <body> tags.
Step 2
Click the [Manage Data Layer] button.

Step 3
From the booking widget pages listed below, select the page from which the Data Layer should be sent:
   - Search Result
   - Guest Detail
   - Payment Detail
   - Confirmation
   - Reservation (Update)
   - Reservation (Cancel)
Step 4
・Enter the [key name], select either [Static] or [Dynamic], and then enter or select the value.
・Unnecessary keys can be removed using [Delete].
Step 5
After saving the settings in the tripla admin screen, the Data Layer being sent can be immediately verified on the corresponding hotel website.

*The list of data currently available can be checked from the reference link.

    • Related Articles

    • Guide to Group Properties

      Purpose: This section explains how to guide users to other properties within the same group when no rooms are available at the current property. ⏱ Estimated time: ~5mins Based on the latitude and longitude set on the properties Information screen, ...

    • Guide

      Purpose: This section explains how to view the tripla Guide dashboard. The Dashboard data is updated every Monday. *There is no specify or fixed time of update, the last update time will is displayed at the bottom left of the screen. 1. Dashboard ...

    • Subdomain Setup (Without SSL Server Certificate File)

      Purpose: This guide explains how to set up a subdomain when an SSL server certificate file is not available. ⏱ Estimated time: ~15min Depending on the DNS update frequency and TTL (priority) settings of the property’s DNS provider, it may take from ...

    • tripla Guide

      Purpose: This section explains how in-house information that was previously provided on paper or via VOD can be displayed on guests’ smartphones. A subscription to both "tripla Bot" and "tripla Guide" is required to use this feature. 1. Where to Set ...

    • iframe tripla Book Setup

      Purpose: This section is to explain how to setting Up the iframe tripla Book. ⏱ Estimated time: ~5 mins 1. Required Steps Before Configuration Before setting up the iframe tripla Book, please complete the following two settings: 1.1 First-Party ...