安装追踪脚本

Money Fast 追踪脚本是一个轻量（gzip 后约 1KB）的 JavaScript 代码片段，用于收集访客归因数据（UTM 参数、来源页、设备信息），并存储在 Cookie 中。这些数据会在结账时作为 metadata 传递，用于收入归因分析。

追踪脚本是 可选的。即使不安装，Money Fast 仍然会通过 Stripe Webhook 追踪所有订单和订阅 — 只是你不会获得归因数据（流量来源、设备、着陆页等）。

HTML / 静态网站

在你网站的 <head> 中添加以下脚本标签：

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

就这么简单。脚本异步加载，不会影响页面加载性能。

Next.js (App Router)

在根 layout 中使用 Next.js 的 Script 组件：

// 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)

在 _app.tsx 或 _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)

在 index.html 中添加脚本标签：

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

Vue.js / Nuxt

Nuxt 3 项目，添加到 nuxt.config.ts：

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

纯 Vue 项目，在 index.html 中添加脚本标签即可。

Astro

在基础 layout 中添加：

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

WordPress

通过主题的 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');

或使用 Insert Headers and Footers 等插件，将 <script> 标签添加到网站的 <head> 中。

Webflow

前往 Project Settings → Custom Code。
在 Head Code 部分粘贴脚本标签：

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

保存并发布。

Google Tag Manager

在 GTM 中，创建一个新的 自定义 HTML 标签。
粘贴以下内容：

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

设置触发器为 所有页面。
发布容器。

验证安装

安装脚本后，验证是否正常工作：

访问你的网站，打开浏览器 开发者控制台（F12）。
输入 MoneyFast.get() 并回车。
你应该看到一个包含归因数据的对象（设备、浏览器、操作系统、着陆页等）。

你也可以在 Money Fast 仪表盘的网站设置页面中使用 归因脚本 检测按钮。

调试模式

要查看脚本收集的详细日志，添加 data-debug 属性：

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

打开浏览器控制台查看 [MoneyFast] 日志信息。上线前记得移除 data-debug。

下一步

安装脚本后，你需要将归因数据传递到结账流程，这样 Money Fast 才能将每笔订单关联到其流量来源。

安装追踪脚本

本页目录