Install Tracking Script

The Money Fast tracking script is a lightweight (~1KB gzipped) JavaScript snippet that collects visitor attribution data (UTM parameters, referrer, device info) and stores it in a cookie. This data is later passed as checkout metadata for revenue attribution.

The tracking script is optional. Without it, Money Fast still tracks all orders and subscriptions via Stripe webhooks — you just won't get attribution data (traffic source, device, landing page, etc.).

HTML / Static Sites

Add this script tag to your website's <head> section:

<script defer src="https://moneyfa.st/js/script.min.js"></script>

That's it. The script loads asynchronously and won't affect your page load performance.

Next.js (App Router)

Use the Next.js Script component in your root layout:

// app/layout.tsx
import Script from 'next/script';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <Script
          src="https://moneyfa.st/js/script.min.js"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Next.js (Pages Router)

Add the script in _app.tsx or _document.tsx:

// pages/_app.tsx
import Script from 'next/script';

export default function MyApp({ Component, pageProps }) {
  return (
    <>
      <Script
        src="https://moneyfa.st/js/script.min.js"
        strategy="afterInteractive"
      />
      <Component {...pageProps} />
    </>
  );
}

React (Vite / CRA)

Add the script tag to your index.html:

<!-- index.html -->
<head>
  <script defer src="https://moneyfa.st/js/script.min.js"></script>
</head>

Vue.js / Nuxt

For Nuxt 3, add to nuxt.config.ts:

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: 'https://moneyfa.st/js/script.min.js', defer: true },
      ],
    },
  },
});

For plain Vue, add the script tag to your index.html.

Astro

Add to your base layout:

---
// src/layouts/Layout.astro
---
<html>
  <head>
    <script defer src="https://moneyfa.st/js/script.min.js"></script>
  </head>
  <body>
    <slot />
  </body>
</html>

WordPress

Add the script via your theme's functions.php:

// functions.php
function add_moneyfast_script() {
    wp_enqueue_script(
        'moneyfast',
        'https://moneyfa.st/js/script.min.js',
        array(),
        null,
        false
    );
}
add_action('wp_enqueue_scripts', 'add_moneyfast_script');

Or use a plugin like Insert Headers and Footers to add the <script> tag to your site's <head>.

Webflow

Go to Project Settings → Custom Code.
Paste the script tag in the Head Code section:

<script defer src="https://moneyfa.st/js/script.min.js"></script>

Save and publish.

Google Tag Manager

In GTM, create a new Custom HTML tag.
Paste the following:

<script defer src="https://moneyfa.st/js/script.min.js"></script>

Set the trigger to All Pages.
Publish the container.

Verify Installation

After installing the script, verify it's working:

Visit your website and open the browser Developer Console (F12).
Type MoneyFast.get() and press Enter.
You should see an object with your attribution data (device, browser, OS, landing page, etc.).

You can also use the Attribution Script check button on your website's Settings page in the Money Fast dashboard.

Debug Mode

To see detailed logs of what the script collects, add the data-debug attribute:

<script defer src="https://moneyfa.st/js/script.min.js" data-debug="true"></script>

Open the browser console to see [MoneyFast] log messages. Remember to remove data-debug before going to production.

Next Steps

After installing the script, you need to pass the attribution data to your checkout flow so that Money Fast can link each order to its traffic source.

Install Tracking Script

On this page