.png&w=3840&q=75)
执行npm安装命令
npm install @next/third-parties一般在app下的layout.tsx中引入
import { GoogleAnalytics } from '@next/third-parties/google';加入GoogleAnalytics代码并且控制只在生产环境使用
// 仅在生产环境启用GoogleAnalytics
const GA_ENABLED = process.env.NODE_ENV === 'production';
return (
<html lang="en">
<body>{children}</body>
{/* Google Analytics - 仅在生产环境启用 */}
{GA_ENABLED && <GoogleAnalytics gaId="your gaID" />}
</html>
);项目部署到生产环境后进去页面，通过F12查看
如果有图中的代码则表示Google Analytics代码已经成功加入到项目中，一般这段代码会在最末尾
如图所示,刚刚访问过后会在过去 30 分钟的活跃用户数 中显示数据
也可以通过左侧菜单的实时概览进行查看
好了,以上就是NextJS接入Google Analytics接入的全过程，希望对你有所帮助