SuperStarter 提供了一些网页分析库。

Vercel 网页分析

Vercel 的内置分析工具能借助诸如热门页面、主要引荐来源和用户数据统计等新指标,深入洞察您网站的访问者情况。

  1. 添加环境变量

首先,您需要在项目中添加以下环境变量:

.env.local
NEXT_PUBLIC_ENABLE_VERCEL_ANALYTICS="true"
  1. 从 Vercel 仪表盘启用

接下来,您只需访问 Vercel 项目中的 “分析” 选项卡,然后在对话框中点击 “启用” 即可。

了解更多信息.

故障排除.

如果一切设置正确,您在访问任何页面时,应该能在浏览器的 “网络” 选项卡中看到来自 /_vercel/insights/view 的 Fetch/XHR 请求。

如果您看到 _vercel/insights/script.js 返回 404 错误,请确保已从 Vercel 仪表盘启用该功能。否则,Vercel 会不断尝试重新请求该 JavaScript 文件,这将消耗大量的 Vercel 请求。

Google 分析

Google Analytics 跟踪用户行为、页面浏览量、会话时长和其他参与度指标,以提供有关用户活动和营销效果的洞察。GA 跟踪代码使用 @next/third-parties 注入以提高性能。

要启用它,只需在您的项目中添加一个 NEXT_PUBLIC_GA_MEASUREMENT_ID 环境变量。

Plausible

Plausible.io 是一个简单、隐私至上的 Google Analytics 替代品。

要启用它,只需添加 NEXT_PUBLIC_PLAUSIBLE_SITE_SRCNEXT_PUBLIC_PLAUSIBLE_SITE_DOMAIN 环境变量到您的项目中。

Umami

Umami 是一个开源的网页分析工具。它是一个简单、自托管的 Google Analytics 替代品。它注重隐私,不使用 cookie。它也非常快速和轻量。

要启用它,只需添加 NEXT_PUBLIC_UMAMI_SITE_IDNEXT_PUBLIC_UMAMI_SITE_SRC 环境变量到您的项目中。

PostHog

PostHog 是一个用于分析、测试、观察和部署新功能的单一平台。PostHog 是一个用于分析、测试、观察和部署新功能的单一平台。它包含许多产品,包括网页分析工具、事件分析、功能标志等。

PostHog 的网页分析工具默认启用,可捕获页面浏览量、页面离开事件和自定义事件。

要启用它,只需添加 NEXT_PUBLIC_POSTHOG_KEYNEXT_PUBLIC_POSTHOG_HOST 环境变量到您的项目中。

会话回放

PostHog 的会话回放功能让您可以准确看到用户在您网站上的操作。它记录控制台日志和网络错误,并捕获诸如资源时间和被阻止请求等性能数据。此功能默认禁用,因此请确保在您的项目设置中启用它。