> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shipthing.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 网页分析

> 捕获页面浏览量、页面离开事件和自定义事件。

<Frame>
  <img src="https://mintcdn.com/focusapps/6mqPe5nbiEW0fSGG/images/web-analytics.png?fit=max&auto=format&n=6mqPe5nbiEW0fSGG&q=85&s=7678d4369ea284476d18d8c5b3b280df" alt="" width="1966" height="1134" data-path="images/web-analytics.png" />
</Frame>

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

## Vercel 网页分析

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

1. ### 添加环境变量

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

```js .env.local theme={"system"}
NEXT_PUBLIC_ENABLE_VERCEL_ANALYTICS="true"
```

2. ### 从 Vercel 仪表盘启用

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

了解更多[信息](https://vercel.com/docs/analytics/quickstart).

[故障排除](https://vercel.com/docs/analytics/troubleshooting).

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

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

## Google 分析

[Google Analytics](https://analytics.google.com/) 跟踪用户行为、页面浏览量、会话时长和其他参与度指标，以提供有关用户活动和营销效果的洞察。GA 跟踪代码使用 [@next/third-parties](https://nextjs.org/docs/app/building-your-application/optimizing/third-party-libraries#google-analytics) 注入以提高性能。

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

## Plausible

[Plausible.io](https://plausible.io/) 是一个简单、隐私至上的 Google Analytics 替代品。

要启用它，只需添加 `NEXT_PUBLIC_PLAUSIBLE_SITE_SRC` 和 `NEXT_PUBLIC_PLAUSIBLE_SITE_DOMAIN` 环境变量到您的项目中。

## Umami

[Umami](https://umami.is/) 是一个开源的网页分析工具。它是一个简单、自托管的 Google Analytics 替代品。它注重隐私，不使用 cookie。它也非常快速和轻量。

要启用它，只需添加 `NEXT_PUBLIC_UMAMI_SITE_ID` 和 `NEXT_PUBLIC_UMAMI_SITE_SRC` 环境变量到您的项目中。

## PostHog

[PostHog](https://posthog.com/) 是一个用于分析、测试、观察和部署新功能的单一平台。PostHog 是一个用于分析、测试、观察和部署新功能的单一平台。它包含许多产品，包括网页分析工具、事件分析、功能标志等。

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

要启用它，只需添加 `NEXT_PUBLIC_POSTHOG_KEY` 和 `NEXT_PUBLIC_POSTHOG_HOST` 环境变量到您的项目中。

### 会话回放

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