Menu

PostHog 集成

PostHog 是一款开源、功能丰富的的网站统计工具，不仅有基础的数据统计，还有用户使用录屏，对于需要分析用户行为的开发者来说会是一个很不错的产品。

提示

  • NEXTY.DEV 已开启开发环境禁用统计脚本以避免污染数据
  • 如需本地验证，请打开 app/[locale]/layout.tsx 和 components/tracking/PostHogProvider.tsx，删除 process.env.NODE_ENV === "development" 判断。
  • 如果不需要本地验证，只需完成生产环境变量填写，对应脚本即自动启用。

配置步骤

Step 1: 创建 PostHog 账户

  1. 访问 PostHog 并注册账户
  2. 创建一个新项目

Step 2: 获取 API Key

  1. 在 PostHog 仪表板中，点击 Settings
  2. 复制你的 Project API Key
  3. 记下你的 Host URL
posthog

Step 3: 配置环境变量

在你的 .env.local 或环境变量配置中添加：

.env
NEXT_PUBLIC_POSTHOG_KEY=phc_your_project_api_key_here
NEXT_PUBLIC_POSTHOG_HOST=your_posthog_host_url