React、Vue 或 Next.js 应用怎么统计？

代码放哪

在 网站统计配置SDK 代码 复制代码，里面已经带了你的站点 Key，长这样：

<script defer src="https://static.pathclue.com/client.js" data-site="YOUR_SITE_KEY"></script>

只加一次，放在为所有路由输出文档 head 的文件里：Vite 或 Create React App 项目的 index.html，Next.js、Nuxt 的根布局。不要放在每个页面都会挂载的组件里。

路由切换怎样计数

脚本监听 history.pushState、history.replaceState 以及浏览器的前进后退，React Router、Vue Router、Next.js、Nuxt 都是这样切页面的。每个新 URL 记一次页面浏览，切换时补上上一个路由的停留时长。URL 没变的切换不会重复计数。

路由切换后自己再调 tapcub.pageview() 也没问题，只是没必要：同一个 URL 不会发两次。

本地开发

在 localhost 上脚本默认什么都不发，开发流量不会混进报表。要在本地测试，见在 localhost 上测试。

相关阅读

• 怎么在 React 上安装 TapCub？
• 怎么在 Vue 上安装 TapCub？
• 怎么在 Nuxt 上安装 TapCub？
• 怎么在 Next.js 上安装 TapCub？