Marketing Intelligence

Setup Manually

Add one script tag to your marketing site and ThriveStack immediately starts tracking all visitors, page views, and UTM campaigns — no events to define, no further instrumentation needed.

What you need

Someone who can deploy to the marketing website Access to the marketing site codebase or CMS A ThriveStack account — sign up free

Step 0: Concepts

  • Environments and API Keys. Ensure product and marketing streams use the same environment key so data lands in the same workspace and correlation is possible. Read Environments and API Keys.
  • Why Correlation Matters. Understand how shared group_id joins product usage with billing outcomes to unlock churn and expansion signals. Read Why Correlation Matters.

Step 1: Get your API key

Create or reuse your API key from the ThriveStack dashboard. You'll paste it into the script tag in the next step.

Step 2: Install the script

Choose the method that matches your marketing site's platform.

1

Create a Custom HTML tag

  1. In GTM, open your Web container and go to Tags → New
  2. Click Tag Configuration and choose Custom HTML
  3. Paste your ThriveStack script into the HTML field:
    <script>
      (function() {
        var script = document.createElement('script');
        script.src = 'https://cdn.app.thrivestack.ai/latest/script.js';
        script.setAttribute('data-api-key', 'YOUR_API_KEY');
        script.setAttribute('data-source', 'marketing');
        script.async = true;
        document.head.appendChild(script);
      })();
    </script>
  4. Name the tag ThriveStack — Marketing Script
2

Set the trigger to All Pages

  1. In the Triggering section, click +
  2. Choose Page View → All Pages — fires the tag on every page where GTM is installed
  3. Click Save
3

Verify with GTM Preview

  1. Click Preview (top right) — Google Tag Assistant opens in a new tab
  2. Enter your site URL and click Connect
  3. Navigate a page and check the Tags panel — ThriveStack — Marketing Script should appear under Tags Fired
  4. Check your browser console for any script errors
4

Publish the container

  1. Click Submit → add a version name (e.g., Add ThriveStack script)
  2. Click Publish — the tag is now live on your site
1

Open Project Settings → Custom Code

  1. In the Webflow Designer, click the W icon (top-left) to open Project Settings
  2. Go to the Custom Code tab
2

Paste the script in the Head Code section

  1. Under Head Code, paste your ThriveStack script tag:
    <script src="https://cdn.app.thrivestack.ai/latest/script.js"
      data-api-key="YOUR_API_KEY" data-source="marketing"></script>
  2. Click Save Changes

Head Code runs on every page of your site. Don't include <html> or <body> wrapper tags — only the script tag itself.

3

Publish your site

  1. Click Publish in the Designer toolbar — custom code is invisible in Designer preview and only runs on the published site
  2. You can publish to your staging domain first (e.g., yoursite.webflow.io) to test before going live
4

Verify the script is running

  1. Visit any published page and open browser DevTools (F12)
  2. In the Network tab, filter by thrivestack — you should see the script loaded
  3. Check the Console tab for any errors
Custom code requires a paid Webflow Site plan (Basic or higher). The free Starter plan does not support custom code.
A

Via WPCode plugin Recommended

  1. In WordPress admin, go to Plugins → Add New and install WPCode (formerly Insert Headers and Footers)
  2. Go to Code Snippets → Header & Footer
  3. Paste your ThriveStack script tag into the Header box:
    <script src="https://cdn.app.thrivestack.ai/latest/script.js"
      data-api-key="YOUR_API_KEY" data-source="marketing"></script>
  4. Click Save Changes

The script loads on every page automatically and survives theme updates.

B

Via child theme's functions.php

  1. Make sure you're working in a child theme — changes to parent themes are lost on theme updates
  2. Open Appearance → Theme File Editor, select your child theme's functions.php
  3. Add the following at the bottom of the file:
    function thrivestack_script() { echo '<script src="https://cdn.app.thrivestack.ai/latest/script.js" data-api-key="YOUR_API_KEY" data-source="marketing"></script>'; } add_action( 'wp_head', 'thrivestack_script', 999 );
  4. Click Update File
1

Find your shared layout file

The script must go in the <head> of every marketing page. Most frameworks have one shared file for this:

Framework File to edit
Plain HTML index.html (or any shared layout template)
Next.js pages/_document.js  or  app/layout.tsx
Nuxt nuxt.config.ts → head.script  or  app.vue
Angular src/index.html
Gatsby gatsby-ssr.js → onRenderBody
Hugo / Jekyll layouts/_default/baseof.html  or  _includes/head.html
2

Add the script tag before </head>

<script src="https://cdn.app.thrivestack.ai/latest/script.js"
  data-api-key="YOUR_API_KEY" data-source="marketing"></script>

Replace YOUR_API_KEY with the key from your ThriveStack dashboard. Place this in the shared layout so it loads on every page.

3

Deploy your changes

Push and deploy as you normally would. The script only needs to be added once — it will load on every page that uses the shared layout.

4

Verify the script is loading

  1. Open any page of your live site and press F12 to open DevTools
  2. In the Network tab, filter by thrivestack — the script request should appear
  3. In the Elements tab, search for thrivestack to confirm the tag is in <head>
  4. Check the Console tab for any errors
1

Open Project Settings

In the Framer editor, open Project Settings.

2

Select the Custom Code tab

Select the Custom Code tab from the left sidebar.

3

Add a script

Click Add Script if you haven't added any code yet. Otherwise, click the + icon.

4

Name the script

Give the script a clear, recognizable name so you can identify it later — e.g., ThriveStack — Marketing Script.

Then paste your ThriveStack script tag into the code field:

<script src="https://cdn.app.thrivestack.ai/latest/script.js"
  data-api-key="YOUR_API_KEY" data-source="marketing"></script>

Replace YOUR_API_KEY with the key from your ThriveStack dashboard.

5

Choose where the code should be placed

Choose where the code should be placed on your site. Select Head so the script loads on every page.

6

Publish your site

Click Publish — custom code only runs on the published site, not in the editor preview.

7

Verify the script is running

  1. Visit any published page and open browser DevTools (F12)
  2. In the Network tab, filter by thrivestack — you should see the script loaded
  3. Check the Console tab for any errors
Custom code requires a paid Framer plan. The free plan does not support custom code injection.

Official docs: How to add custom code — Framer Help

Step 3: Confirm data is arriving

Once your script is live, check that visitors are arriving in ThriveStack.

ThriveStack sends a daily setup email showing which checklist items are complete and what to tackle next. Check your inbox after your first deployment.

What did you just achieve?

Traditional Marketing Analytics tools show you vanity metrics like Traffic, Page Visits, and Visitor Trends — most of that is free with Google Analytics. ThriveStack goes far beyond that. It gives you full-journey correlation by stitching together Marketing touchpoints, Product usage, Account behavior, and Billing events.

Feature Traditional Analytics ThriveStack
Track pages
Track New Visitors
Traffic by UTM
Content Performance
Track Returning Visitors
Goal Conversions
Lead Quality
Multi-Touch Attribution [P][R]
Channel Performance (correlated with Product & Revenue) [P][R]
Time to Acquisition [P]
Touchpoints to Acquisition [P]

[P] and [R] mean Product and Revenue co-relation.

  • Various Marketing Intelligence reports are now available.
  • Out of box reports are set up — share with your Marketing, Product, and Sales teams.
  • Account-level analytics including 40+ metrics across Activation, Feature Usage, and API Usage are available in the Full Journey CRM.

What's next?

Marketing Intelligence is one half of the picture. Set up Product Intelligence to start correlating marketing touchpoints with product usage, account behaviour, and revenue.

Set up Product Intelligence