Skip to main content

Advanced Analytics - GTM integration

Clara Hachem avatar
Written by Clara Hachem
Updated over 2 weeks ago

🛠️ Integrating JOIN Stories via Google Tag Manager (GTM)

1. Add the Global Script

🎯 Objective

Deploy the JOIN Stories global script on all pages of your site via GTM, while respecting consent rules.

📍 Step 1: Retrieve the JOIN script

  • Log in to JOIN Studio.

  • From the homepage, open the Workspace settings.

  • Click on the Installation tab.

  • Locate the Global Script and click Copy script code.

🏗️ Step 2: Create a tag in GTM

  • Go to your Google Tag Manager account.

  • Click on New Tag.

  • Configure the tag:

    • Type: Custom HTML

    • Name: JOIN Stories - All Pages - Global Script

    • HTML Content: Paste the copied script

    • Triggering: Choose Once per page

⚙️ Step 3: Add a trigger

Add a trigger to this tag:

  • Type: Custom Event globalConsent_init

  • Or: Initialization - All Pages (depending on your setup)

✅ This ensures the tag only fires after consent is obtained.

🚫 Step 4: Add an exception (recommended)

To respect user preferences:

  • Add this exception: Data Privacy - Performance Cookies

✅ Completion
You’ve successfully integrated the Global Script via GTM. Well done!

2. Add the Checkout Tracking Code

🎯 Objective

Track successful purchases to measure the impact of stories on sales.

⚠️ Prerequisite

The Global Script must already be installed.

📍 Step 1: Retrieve the code

  • Go to the Installation tab in JOIN Studio.

  • Locate the Checkout Tracking Code section.

  • Click Copy script code.

🏗️ Step 2: Create the tag in GTM

  • Click on New Tag.

  • Configure:

    • Type: Custom HTML

    • Name: JOIN Stories - Conversion Tag

    • HTML Content: Paste the code and replace the dynamic fields with your e-commerce data.

🔎 Refer to the JOIN documentation to know which fields are required.
ℹ️ Do not define a conversion_id if you don't need it.

⚙️ Step 3: Trigger

  • Type: Custom Event Purchase

🚫 Step 4: Exception (recommended)

  • Exception: Data Privacy - Performance Cookies

✅ Completion
Your Checkout Tracking Code is now active! 🎉

3. Add the Cart Tracking Code

🎯 Objective

Track cart additions to understand how stories impact conversions.

⚠️ Prerequisite

The Global Script must already be installed.

📍 Step 1: Retrieve the code

  • Go to Installation > Conversion Tracking in JOIN Studio.

  • Locate the Add to Cart Tracking Code.

  • Click Copy script code.

🏗️ Step 2: Create the tag in GTM

  • Click on New Tag.

  • Configure:

    • Type: Custom HTML

    • Name: JOIN Stories - Add to Cart

    • HTML Content: Paste the code and replace the required fields.

📘 Check the JOIN documentation for field details.

⚙️ Step 3: Trigger

  • Type: Custom Event AddToCart

🚫 Step 4: Exception (recommended)

  • Exception: Data Privacy - Performance Cookies

✅ Completion
Your Add to Cart Tracking Code is now set up! 🎉

Did this answer your question?