AttributionHub

beta
Skip to Content
Getting StartedInstallation

Installation

How to add the AttributionHub attribution script to your website.

Basic Installation

Add the script tag to the <head> of every page on your site. The script is the same for all AttributionHub users — your account is verified automatically based on your domain.

<script
  src="https://cdn.attributionhub.com/attribution.js"
  async
  defer
></script>

The async defer attributes ensure the script loads without blocking page rendering.

Installation with Custom Settings

To customize behavior, define settings before loading the script:

<script>
  window.attrhub = {
    settings: {
      enableLogging: false,
      customFields: ["product_tier", "referral_code"],
    },
  };
</script>
<script
  src="https://cdn.attributionhub.com/attribution.js"
  async
  defer
></script>

See Configuration for all available settings.

Platform-Specific Guides

WordPress

Option 1: Theme header Add the script to your theme’s header.php file, inside the <head> tag.

Option 2: Plugin Use a plugin like “WPCode” or “Insert Headers and Footers” to add the script to your site header without editing theme files.

Option 3: functions.php

function add_attributionhub_script() {
    echo '<script src="https://cdn.attributionhub.com/attribution.js" async defer></script>';
}
add_action('wp_head', 'add_attributionhub_script');

Next.js

// app/layout.tsx
import Script from "next/script";
 
export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script
          src="https://cdn.attributionhub.com/attribution.js"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Webflow

  1. Go to Project Settings > Custom Code
  2. Paste the script tag in the Head Code section
  3. Click Save Changes
  4. Publish your site

Shopify

  1. Go to Online Store > Themes > Edit Code
  2. Open theme.liquid
  3. Paste the script tag before </head>
  4. Save

Google Tag Manager

  1. Create a new Custom HTML tag
  2. Paste the script tag
  3. Set trigger to All Pages
  4. Submit and publish
<script
  src="https://cdn.attributionhub.com/attribution.js"
  async
  defer
></script>

Squarespace

  1. Go to Settings > Advanced > Code Injection
  2. Paste the script tag in the Header section
  3. Save

Wix

  1. Go to Settings > Custom Code
  2. Click Add Custom Code
  3. Paste the script tag
  4. Set placement to Head and apply to All Pages

Verifying Installation

After adding the script, verify it’s working:

  1. Open your site in an incognito browser window
  2. Open DevTools (F12) > Console
  3. Type localStorage.getItem('attrhub') and press Enter
  4. You should see a JSON object with attribution data

If you see null, try navigating to your site with test UTM parameters:

https://yoursite.com/?utm_source=test&utm_medium=cpc&utm_campaign=verification

Self-Hosted Installation

If you prefer to host the script yourself:

  1. Download the latest attribution.js from your AttributionHub dashboard
  2. Host it on your own CDN or server
  3. Update the src attribute in your script tag to point to your hosted version

Note: Self-hosted scripts still perform domain validation. The script periodically contacts the AttributionHub server to verify that your domain has an active subscription.

Troubleshooting

Script not loading

  • Check browser DevTools > Network tab for any blocked requests
  • Verify your ad blocker is not blocking the script
  • Ensure the script URL is correct and accessible

No data in localStorage

  • Make sure you’re testing in an incognito window (existing data may interfere)
  • Check the Console tab for any error messages
  • Verify the script URL is correct and accessible

Forms not populating

  • Ensure hidden fields exist in the form DOM before AttributionHub initializes
  • Check that field names match (e.g., ah_lt_channel, ah_lt_source)
  • See Form Integrations for platform-specific requirements
Getting StartedForm Integrations