站点统计

Teek 集成了三种常见的站点统计工具：

• 百度分析 Baidu Analytics
• 谷歌分析 Google Analytics
• Umami 分析

让你可以轻松地在 VitePress 网站中集成并管理这些分析工具。无论是谷歌分析的强大功能，还是百度统计对中国市场的适配，或者是 Umami 的隐私友好型方案，都可以通过这个插件快速集成并使用。

百度统计

// .vitepress/config.mts
import { defineTeekConfig } from "vitepress-theme-teek/config";

const teekConfig = defineTeekConfig({
  siteAnalytics: [
    {
      provider: "baidu",
      options: {
        id: "******",
      },
    },
  ],
});

获取 Baidu Analytics ID

1. 访问 百度统计 网站
2. 使用百度账号登录或注册一个新账号
3. 登录后，点击页面上方的 我的报告-使用设置-网站列表
4. 输入你的网站 URL，选择适当的分类，然后点击 保存
5. 保存后，点击获取代码。会看到类似于 https://hm.baidu.com/hm.js?****** 的内容
6. 复制链接中******部分

参考链接： 百度统计官方文档

谷歌分析

// .vitepress/config.mts
import { defineTeekConfig } from "vitepress-theme-teek/config";

const teekConfig = defineTeekConfig({
  siteAnalytics: [
    {
      provider: "google",
      options: {
        id: "******",
      },
    },
  ],
});

获取 Google Analytics ID

1. 访问 Google Analytics 网站
2. 登录到你的 Google Analytics 帐号
3. 创建一个新的 Google Analytics 账户，或者选择已有的账户
4. 在左下角点击 Admin（管理）
5. 在 Account（账户）列下，选择你的账户
6. 在 Property（属性）列下，选择你的站点，或者创建一个新的站点
7. 在 Property Settings（属性设置）中，找到 Tracking Info（跟踪信息）
8. 点击 Tracking Code（跟踪代码），你会看到类似 G-XXXXXXX 的 ID

参考链接：Google Analytics 帮助文档

Umami

// .vitepress/config.mts
import { defineTeekConfig } from "vitepress-theme-teek/config";

const teekConfig = defineTeekConfig({
  siteAnalytics: [
    {
      provider: "umami",
      options: {
        id: "******",
        src: "https://******",
      },
    },
  ],
});

获取 Umami Analytics ID

自建 Umami

1. 首先，你需要搭建 Umami 服务器。你可以参考 Umami 文档 来进行安装
2. 在你搭建好的 Umami 实例中，登录到 Umami 仪表盘
3. 创建一个新的站点，并为其生成一个站点 ID
4. 获取该站点的 ID 后，就可以在你的网站代码中使用它进行跟踪

使用公共 Umami 服务

1. 你也可以使用公共的 Umami 服务提供商。例如，Umami 提供了一些第三方的 Umami 实例，允许用户直接使用。
2. 获取到公共实例的 Umami ID 后，可以直接在代码中配置使用。

你的 Umami ID 应该类似于：123abc456def。

参考链接：

• Umami 文档
• Umami 公共服务

多个站点统计

你可以配置多个站点统计，只要在 siteAnalytics 数组中添加多个对象即可。

// .vitepress/config.mts
const teekConfig = defineTeekConfig({
  siteAnalytics: [
    {
      provider: "baidu",
      options: {
        id: "******",
      },
    },
    {
      provider: "google",
      options: {
        id: "******",
      },
    },
  ],
});