This guide explains how to send analytics events generated by your Flows and the checkout script implemented on your order complete page to Google Analytics 4 (GA4), helping you understand how users interact with your Flows.

Flows collect data on visitor interactions, and our web analytics feature enables you to send these events directly to your GA4 property for valuable insights to improve your website's performance and user engagement..

To add this feature to your Flowbox account, please get in touch with your Customer Success Manager.

Prerequisites

Before you can use this feature, please ensure the following:

You should have a Google Analytics 4 property set up.
You have your Google tag (ID starting with 'G-' for example 'G-XXXXXXXXX') configured for your website.
You must be an Admin user in Flowbox to enable this feature. Moderators do not have permission to enable it.

Enabling the web analytics feature

To enable the feature, follow these steps:

1. Navigate to the settings of the Flow where you want to enable the feature.

2. Look for the 'Web Analytics' option.

3. Enable the integration by toggling on the switch.

You must individually enable this feature for each Flow you want to send analytics data to your Google Analytics 4 property.

Events sent to Google Analytics 4

Once you enable Web Analytics for a Flow, the following events will be automatically tracked and sent to your Google Analytics 4 account:

How are the events sent to your Google Analytics property?

When you have a Google tag (ID starting with 'G-' for example 'G-XXXXXXXXX') configured on your website that belongs to a Google Analytics property, the analytics events from the Flow will automatically be sent to your Google Analytics account using the Google tag that can be found on your website.

Events sent by the Flows implemented on your site

EVENT	DESCRIPTION	PAYLOAD
Embed viewed	when the Flow is visible on a page.	`event name = embed_viewed` `category = flowbox` `interactive = false`
'Load more' button clicked	when the 'Load more' button is clicked (only in Flows with 'Grid' theme)	`event name = load_more_clicked` `category = flowbox` `interative = true`
Carousel navigation button clicked	when the button is clicked on either side that allows the user to view more posts (only in Flows with 'Carousel' theme)	`event name = carousel_clicked` `category = flowbox` `interactive = true`
Post clicked	when a post within the Flow is clicked.	`event name = post_clicked` `category = flowbox` `interactive = true`
Post viewed in the gate	when a clicked post is displayed, allowing the user to view it within the gate.	`event name = post_viewed` `category = flowbox` `interactive = true`
Gate post navigation button clicked	when navigation buttons are clicked within the gate to navigate between posts.	`event name = gate_clicked` `category = flowbox` `interactive = true`
Media navigation button clicked in the gate	when navigation buttons are clicked in a post with more than one photo or video.	`event name = post_carousel_clicked` `category = flowbox` `interactive = true`
CTA button clicked	when the CTA button is clicked within the Flow.	`event name = cta_clicked` `category = flowbox` `interactive = true`

Events sent by the Flowbox checkout script

To send conversion events from the Flowbox checkout script to the Google Analytics property configured in your site it is necessary to set the property "enableWebAnalytics" to true in the configuration object of the checkout script code.

EVENT	DESCRIPTION	PAYLOAD
Order placed	when the visitor completes the checkout process on your store.	`event_name = checkout_converted` `category = flowbox` `interactive = true`

Accessing events in Google Analytics 4

You can access and further analyze these events within your GA4 account.

In the realtime view:

Under Engagement > Events section:

More resources

[GA4] Custom events