VuePress 生态系统VuePress 生态系统
  • 主题指南
  • 默认主题
  • Hope 主题
  • Plume 主题
  • Reco 主题
  • 功能插件
  • Markdown 插件
  • 搜索插件
  • 博客插件
  • 渐进式应用插件
  • 统计分析插件
  • 搜索引擎优化插件
  • 开发插件
  • 工具插件
  • AI 插件
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • 主题指南
  • 默认主题
  • Hope 主题
  • Plume 主题
  • Reco 主题
  • 功能插件
  • Markdown 插件
  • 搜索插件
  • 博客插件
  • 渐进式应用插件
  • 统计分析插件
  • 搜索引擎优化插件
  • 开发插件
  • 工具插件
  • AI 插件
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • baidu-analytics
  • clarity-analytics
  • google-analytics
  • umami-analytics

umami-analytics

@vuepress/plugin-umami-analytics

将 Umami Analytics(一种注重隐私的开源网络分析解决方案)无缝集成到你的 VuePress 站点中。

使用方法

npm i -D @vuepress/plugin-umami-analytics@next
.vuepress/config.ts
import { umamiAnalyticsPlugin } from '@vuepress/plugin-umami-analytics'

export default {
  plugins: [
    umamiAnalyticsPlugin({
      // 选项
    }),
  ],
}

该插件同时支持 Umami Cloud 和 自托管(Self-host) 实例。

指南

上报事件

插件开箱即用,会自动捕获首次访问和后续路由切换时的页面浏览事件,从而确保单页应用(SPA)流量数据的准确性。

针对高级追踪需求,插件在 window 实例上暴露了全局 umami 对象。你可以通过调用 umami.track() 编程式地触发自定义事件。

选项

id必填string

Umami 控制台提供的唯一网站 ID (Website ID)。

linkstring
默认值'https://us.umami.is/script.js'

Umami 追踪脚本的源地址 URL。

autoTrackboolean
默认值true

控制是否自动追踪页面浏览和事件。

如果希望禁用自动数据收集并仅依赖手动追踪函数,请将此项设置为 false。

cacheboolean

启用缓存以提高追踪脚本的性能。

注意: 此功能会使用 Session Storage。根据你所在地区的法规,你可能需要向用户告知这一情况。

domainsstring[]

允许的域名列表。只有通过这些特定域名访问站点时,才会进行追踪。

hostUrlstring
默认值link

用于发送分析数据的自定义端点。如果未指定,默认使用 link 中定义的脚本位置。

在 GitHub 上编辑此页
上次更新: 2026/9/28 04:40
贡献者: Mister-Hope
上一页
google-analytics