安装追踪代码详解（含 SPA / 采集模式 / 排除自己）

追踪脚本是 Monit 采集数据的入口，本文详细说明脚本参数、采集模式与各框架接入方式。

脚本完整示例与参数

<script src="https://monit.example.com/assets/pixel/monit.js"
  data-website-id="像素密钥"
  data-mode="advanced"
  data-replay="1"
  data-manual
  async></script>

SPA 应用接入

完整模式下脚本会自动监听 history.pushState / replaceState / popstate / hashchange，路由切换自动记录页面浏览，无需手动埋点：

<!-- React / Vue / Next.js 等直接引入即可 -->
<script src="https://monit.example.com/assets/pixel/monit.js" data-website-id="像素密钥" data-mode="advanced" data-replay="1" async></script>

Cookie 同意后才开始统计

<script src="https://monit.example.com/assets/pixel/monit.js" data-website-id="像素密钥" data-mode="advanced" data-manual async></script>
<script>
  document.getElementById('consent-btn').addEventListener('click', function () {
    window.MonitPixel.init();
  });
</script>

排除自己的访问

• 方案 A：使用浏览器的广告拦截扩展屏蔽 monit.js，或用无痕窗口访问。
• 方案 B：管理员在系统设置中配置 IP 排除，把办公网出口 IP 排除出统计。

常见安装问题