11 | Integration

11 | Integration


Google Analytics Integration

Google Analytics provides free tools to analyze business data in one place for smarter decision-making.


If you would like to integrate Google Analytics with Flowte follow these steps: 


  1. CRM>Integration>Integration 

  2. Situated on the top left of the Integration Settings, you will find Google Analytics. 

  3. Locate your Google Analytics ID and paste it into the relevant section, then click “save”.


If you do not have a Google Analytics account, you can click on the “Get a Google Analytics account” button where you will be redirected to the website where you can follow the directions accordingly. 


To find your Google Analytics ID: 


1. Log into your Google Analytics account.
2. Click “Admin” from the navigation sidebar.

3. Select “Tracking Info” in the second column. Then click “Tracking Code” from the drop-down menu.

You’ll see your tracking ID on the new screen to the right.

Google Tag Manager 

Google Tag Manager is a tag management system (TMS) that allows you to quickly and easily update measurement codes on your website or mobile app.


If you would like to integrate Google Tag Manager with Flowte follow these steps: 


  1. CRM>Integration>Integration 

  2. Situated in the top middle of the Integration Settings, you will find Google Tag Manager. 

  3. Locate your Google Tag Manager ID and paste it into the relevant section, then click “save”.


To get a Google Tag Manager account, click the button provided. You can find your Google Tag Manager ID on the top right of the Tag Manager page..

Advertise on Google Search and Maps to reach potential customers. Pay only for results, such as clicks to your website or calls to your business.


If you would like to integrate Google Ads with Flowte follow these steps: 


  1. CRM>Integration>Integration 

  2. Situated on the bottom left of the Integration Settings, you will find Google Ads. 

  3. Insert “Conversation ID” in the relevant field. 

  4. Insert “Format” in the relevant field. 

  5. Insert “Tag” in the relevant field. 

  6. Insert “Colour” in the relevant field using the hex code for the required colour. 

  7. Insert “Image URL” in the relevant field. 

  8. Select either “True” or “False” for remarketing.

  9. Then click the “save” button.



Google Analytics conversion Tracking

Page views on your website are measured through a page_view event in Google Analytics.
However, it cannot be labelled as a conversion since it records all page views.
To track specific page views, a separate event needs to be created based on the page_view event.

Step 1:

To track conversion on a confirmation page, create a separate event using the page_view event.
It's recommended to use the generate_lead recommended event instead of custom events to utilize new features in Analytics.

You should use recommended event whenever possible, instead of custom events,
 to take advantage of new Analytics features as they become available.

  1. In Google Analytics, click Admin.
  2. Make sure you are in the correct account and property.
  3. In the Property column, click Events.
  4. Click Create event and then Create.
    If you don't see the Create event button, you don't have permission to create events.
  5. In the Custom event name field, enter a name for the event. In this example, enter "generate_lead".
  6. In the Matching conditions section, enter the first matching condition. In this example, enter "event_name equals page_view".
  7. Click Add condition.
  8. Enter the second matching condition. In this example, enter "page_location equals https://www.example.com/contact-us-submitted".
  9. In the Parameter configuration section, click Add modification twice. Because you are using a recommended event, you need to define each of the required parameters. Otherwise, Google Analytics will treat the event as a custom event.
  10. In the first row, enter parameter "value" and value "100" to define the value of the lead in this example.
  11. In the second row, enter parameter "currency" and value "USD" in this example.
  12. Click Create.


Step 2: Mark the event as a conversion

Analytics hasn't received the new event yet, so you need to preemptively mark the event as a conversion.

  1. In Google Analytics, click Admin.
  2. Make sure you are in the correct account and property.
  1. In the Property column, click Conversions.
  2. Click New conversion event.
  3. Enter the name of the new event, "generate_lead".
Verify the conversion event

To verify a conversion event, allow some time for the configuration to apply to the event after marking it as a conversion.
After that, visit the confirmation page on your website and check the Conversions by Event name card in the Realtime report for "generate_lead".
If the event is displayed, it means Analytics recognizes the event as a conversion.


Report on conversions:

The quickest way to see all your conversions is in the Conversions report.
The Conversions report shows you which conversion actions are most common, how many people performed each action, and how much revenue is associated with each action. 
The default conversion counting method is Once per event. 

You can click an event name in the report to see more information about the event, including the number of times the event was triggered (event count)
and the number of times it was triggered recently (event count in the last 30 minutes).



Next, you can go into the User acquisition report and select "generate_lead" from the drop down under Conversions.
When you select the the conversion event from the drop down, you will be able to see the default channel grouping associated with a user's first session that generated the most conversions.
The Conversions metric is available in most other reports.



Finally, you can go into the Conversion paths report in Advertising.
The Conversion paths report helps you understand your customers’ paths to conversion
and how different attribution models distribute credit on those paths.

Facebook Pixel Tracking

How to Add Facebook Pixel to Google Tag Manager

To add the Facebook Pixel manually to GTM:
  1. To add the Facebook Pixel manually to GTM:
  2. Log into your Google Tag Manager workspace by going to tagmanager.google.com
  3. Click Tags on the left hand side, then click New
  4. Give your tag a name, like “FB – Pixel”
  5. Under Tag Configuration, choose the “Custom HTML” tag type
  6. Paste your Facebook pixel code² into the “HTML” box.
  7. You can find your pixel code by going to the Facebook Event Manager
  8. Once you’re in the right Ad Account, make sure you’ve selected the correct pixel or create a new one
  9. Choose “Install code manually”
  10. Copy the full pixel code including the script, non-script, and comments and Paste into the Custom HTML tag in GTM
  11. Under Triggering, select the All Pages trigger
  12. Click the blue Save button in the top right corner


Pixel code example, but replace both instances of 9999999999999999 with your real pixel ID.

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '9999999999999999');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=9999999999999999&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

After you hit Save, your Facebook pixel has now been added to Google Tag Manager.

Cart Abandonment Tracking

  1. Sign in to your Google Analytics account.
  2. Go to the Admin section.
  3. In the View column, click on Goals.
  4. Click the New Goal button and give it a name.
  5. Select "Custom" and click "Next Step."
  6. Select "Event" as the goal type and click "Next Step."
  7. Enter "shopping cart abandonment" or a similar name as the Event Category.
  8. Enter "add to cart" or a similar name as the Event Action.
  9. In the Event Label field, enter "{{product}}" to capture the product name.
  10. Set the value to 0 since you don't want to add any additional value to the cart.
  11. Click "Create Goal" to finish.

Now you have set up an event to track shopping cart abandonment. You can view this data in the "Conversions" > "Goals" > "Goal URLs" report.

Flowte Guide

Analytics, Tracking & Marketing Integrations

(Google Analytics, GTM & Facebook Pixel)

This guide explains how to track user behaviour, ticket sales, and marketing performance for a Flowte storefront.

Promoters often want to understand:

• Where their visitors come from
• Which events users view the most
• How users move through the checkout process
• How many tickets are sold
• Which campaigns generate revenue

Flowte supports these integrations through the Integrations section in the dashboard.

1. Where Integrations Are Configured in Flowte

All analytics integrations are configured inside:

Integrations

Available integrations include:

• Google Analytics
• Google Tag Manager
• Facebook Pixel

These integrations automatically load tracking scripts on the storefront pages.

2. Understanding the Tracking Setup

The recommended structure looks like this:

Visitor opens Flowte storefront
↓
Tracking loads through Integrations
↓
Data is sent to analytics tools

Main tools used:

Google Analytics (GA4)
Google Tag Manager (GTM)
Facebook Pixel

Each tool has a different purpose.

3. What Each Tool Does

Google Analytics (GA4)

Tracks traffic, behaviour, and conversions.

Examples:

• Where visitors come from
• Which events are viewed most
• Time spent on pages
• Ticket sales and revenue

Google Tag Manager (GTM)

Manages tracking events without editing website code.

Used for tracking things like:

• Buy button clicks
• Scroll depth
• Promo code usage
• Checkout funnel steps

Facebook Pixel

Tracks ticket purchases from Facebook and Instagram ads.

Used for:

• Ad performance
• Conversion tracking
• Retargeting audiences

4. Setting Up Google Analytics (GA4)

Step 1
Create a Google Analytics account.

Go to
https://analytics.google.com

Create a new property.

Choose:

Web property

Step 2
Create a Web Data Stream.

Enter the Flowte storefront URL.

Example:

flowte.me/storefront/your-store

Google Analytics will generate a:

Measurement ID

Example:

G-XXXXXXXXXX

Step 3
Add GA4 to Flowte.

Go to:

Flowte Dashboard
Settings
Integrations
Google Analytics

Paste the Measurement ID.

Save.

Google Analytics will now start collecting data.

5. What GA4 Can Track Automatically

Once installed, GA4 automatically tracks several useful metrics.

Acquisition (Where Visitors Come From)

Reports show traffic sources.

Examples:

Google search
Facebook ads
Instagram ads
Email campaigns
Direct visits

You can view this under:

Reports
Acquisition
Traffic acquisition

Important metrics:

Users
Sessions
Conversion rate
Revenue by source

6. User Behaviour Tracking

GA4 can show how users interact with event pages.

Examples include:

Most viewed events
Average engagement time
Page views
User navigation paths

This helps promoters understand:

Which events attract the most interest
How engaged users are with the event pages

7. Conversion & Revenue Tracking

One of the most important analytics features is tracking ticket purchases.

Common metrics include:

Tickets sold
Total revenue
Conversion rate
Average order value
Checkout abandonment rate

These insights help marketing teams improve campaign performance.

8. Event-Level Insights

Promoters often want insights per event.

Examples:

Views per event
Conversion rate per event
Revenue per event
Revenue per ticket type

These metrics help identify which events perform best.

9. Setting Up Google Tag Manager (Advanced Tracking)

Google Tag Manager is used when more detailed tracking is needed.

Examples include:

Buy button clicks
Scroll depth tracking
Promo code usage
Checkout funnel tracking
Form errors
Failed payments

10. Creating a GTM Container

Go to:

Create a container.

Container type:

Web

Google will provide a Container ID.

Example:

GTM-XXXXXXX

11. Connecting GTM to Flowte

Go to:

Flowte Dashboard
Settings
Integrations
Google Tag Manager

Paste the Container ID.

Save.

GTM will now load on all storefront pages.

12. Tracking Key User Actions

Below are examples of common actions promoters want to track.

Buy Button Click Tracking

Tracks how many users click the “Buy” button.

In GTM create:

Trigger
Click – All Elements

Condition:

Click text contains
Buy

Create an event that sends data to Google Analytics.

Scroll Depth Tracking

Scroll tracking measures how far users scroll on a page.

In GTM:

Trigger
Scroll Depth

Typical settings:

25%
50%
75%
100%

This helps measure engagement.

Promo Code Tracking

Promo code usage can be tracked as a custom event.

Example event name:

promo_code_used

This helps marketing teams measure campaign performance.

Failed Payment Tracking

Failed payments can also be tracked as an event.

Example event name:

payment_failed

This helps identify checkout issues.

13. Checkout Funnel Tracking

Many promoters want to understand where users drop off during checkout.

Typical funnel steps include:

Event page view
Buy button click
Checkout started
Payment submitted
Purchase completed

Tracking these steps helps identify:

Checkout friction
Cart abandonment
Payment issues

14. Facebook Pixel Setup

Facebook Pixel is used to measure advertising results.

It tracks:

Page views
Add to cart actions
Purchases

Step 1
Create a Pixel in Facebook Events Manager.

Step 2
Copy the Pixel ID.

Example:

123456789123456

Step 3
Add the Pixel to Flowte.

Flowte Dashboard
Settings
Integrations
Facebook Pixel

Paste the Pixel ID.

Save.

15. Tracking a Specific Event Only

If tracking should apply only to a specific event, GTM triggers can be restricted.

Example condition:

Page URL contains

e=36982

This ensures tracking fires only on that event page.

16. Common Metrics Clients Request

Promoters typically ask for:

Acquisition metrics

Traffic sources
Campaign performance
Ad conversions

Behaviour metrics

Event page views
Time on page
Scroll depth
Buy button clicks

Conversion metrics

Tickets sold
Revenue
Conversion rate
Average order value

Event insights

Views per event
Conversion rate per event
Revenue per ticket type

17. Best Practice Setup

Recommended structure:

Flowte Integrations
→ Google Analytics
→ Google Tag Manager
→ Facebook Pixel

Then use GTM to add advanced tracking events.

This setup keeps analytics organised and easy to manage.