Google Analytics 4 Setup

Setting up Google Analytics 4

Prerequisites

1. Google Analytics 4 property created

2. Your Measurement ID (format: G-XXXXXXXXXX)

To enable GA4:

1. Go to Integrations tab

2. Click "Configure integration" on Google Analytics 4

3. Enter your Measurement ID

4. Configure cart amount setting (see below)

5. Toggle "Active" to ON

6. Click "Save"

Finding your Measurement ID:

1. Open Google Analytics

2. Admin > Data Streams

3. Select your web stream

4. Copy Measurement ID (starts with G-)

Cart amount setting:

Send full cart amount to GA:

Embedded booking pages

If you embed your booking page in an iframe on your website, additional setup is required.

The challenge:

• Analytics in iframe can't communicate with your main site
• Tracking may not work correctly
• Events might not fire

The solution:

The platform sends analytics events to your parent website using postMessage. You need to add code to capture these.

Implementation:

1. Copy the code snippet provided in the GA4 settings

2. Add it to your website's main page (not the iframe)

3. It listens for analytics events and sends them to GA4

Code snippet:

window.addEventListener('message',function(e){

  if(e.origin!=='https://offthecouch.io')return;

  gtag('event',e.data.eventType);

});

When you need this:

• Only if you embed booking page in an iframe
• Not needed if you link directly to booking page
• Requires ability to edit your website code