Multi Touch Attribution for Webflow using Spectacle

Installing Spectacle on Webflow

Spectacle allows for multi touch attribution on every visitor interaction with your Webflow site and connects it to revenue. Here's how to install it in under 5 minutes.

What you'll need

• Access to your Webflow project settings
• Your Spectacle tracking snippet (find it in your Spectacle dashboard under Settings → Tracking)

Step 1: Get your tracking snippet

1. Log into your Spectacle dashboard
2. Go to Settings → Tracking
3. Copy your unique tracking snippet (it looks like this):

<script>
  !function () {
    var e = window.spectacle = window.spectacle || [];
    if (e.init) return;
    e.init = function (t) { e.writeKey = t; e.load(); };
    e.load = function () {
      var t = document.createElement("script");
      t.type = "text/javascript";
      t.async = true;
      t.src = "https://cdn.spectaclehq.com/analytics.js";
      var n = document.getElementsByTagName("script")[0];
      n.parentNode.insertBefore(t, n);
    };
    e.init("YOUR_WRITE_KEY");
  }();
</script>

Step 2: Install in Webflow

In the Webflow Designer:

1. Open your Webflow project
2. Click the Settings icon (gear icon) in the left sidebar
3. Go to the Custom Code tab
4. Paste your Spectacle snippet into the Head Code section
5. Click Save Changes

Important: This adds tracking to your staging site only

To make tracking live on your published site, you need to publish your site:

• Click Publish in the top right
• Select your domain(s)
• Confirm publish

Step 3: Verify tracking is working

Test on your staging site first:

1. In Webflow Designer, click Preview (eye icon in top right)
2. Open your browser's developer console (Right-click → Inspect → Console tab)
3. Type: spectacle
4. You should see the Spectacle object with your write key

Then verify on your live site:

1. Visit your published website
2. Open developer console again
3. Check for the Spectacle object
4. Within 5 minutes, you should see a session appear in your Spectacle dashboard

Pro tip: Open your Spectacle dashboard in another tab and watch for your session to appear in real-time.

Step 4: Track custom events (optional)

Want to track specific actions like button clicks, form submissions, or purchases?

Add this code to track events:

spectacle.track('Button Clicked', {
  button_name: 'Start Free Trial',
  page: 'Homepage'
});

Advanced: Track across subdomains

Spectacle automatically sets domain-level tracking so that subdomains are included. To set the cookie domain explicitly:

spectacle.init("YOUR_WRITE_KEY", {
  cookieDomain: ".yoursite.com"
});

This ensures users are tracked continuously as they move between subdomains.

Next steps

✅ Connect your ad accounts (Google Ads, Meta, LinkedIn) → Settings → Integrations

✅ Link your CRM (HubSpot, Salesforce, Pipedrive) → Settings → Integrations

✅ Connect Stripe to see revenue attribution → Settings → Integrations

Once all three are connected, you'll see which campaigns actually drive revenue.

Still stuck?

• Email: support@spectaclehq.com
• Live chat: Click the chat bubble in your Spectacle dashboard
• Our response time: Usually under 2 hours during business hours

We'll help you get tracking live before you log out today.

The Spectacle difference: We don't just track pageviews. We connect every click to actual revenue, so you know exactly which campaigns are profitable.