Vercel Analytics 用于在 Vercel 部署的应用中实现隐私友好的网站分析,提供实时流量洞察与 Web Vitals 性能指标,官方描述称其为零配置并自动追踪 Core Web Vitals。
主要能力:追踪页面浏览量、独立访客、来源等流量数据;通过 track 上报自定义事件(如注册点击、购买完成),支持携带属性;支持服务器端事件追踪;配合 Vercel Speed Insights 追踪 Core Web Vitals,也可用 useReportWebVitals 自定义上报。隐私方面:不使用 Cookie、符合 GDPR、不收集个人数据、IP 地址匿名化,数据可选存储于欧盟或美国。
使用方式:安装 npm install @vercel/analytics;Next.js App Router 在 app/layout.tsx 引入 Analytics 组件,Pages Router 在 pages/_app.tsx 引入;其他 React 项目可调用 inject(),也可直接用 Analytics 组件。Speed Insights 需 npm install @vercel/speed-insights 并添加 SpeedInsights 组件。自定义事件用 import { track } from '@vercel/analytics',服务端用 '@vercel/analytics/server'。另外提供 SvelteKit、Astro、Vue/Nuxt 的接入示例。
配置与限制:Analytics 组件支持 mode(production/development/auto)、debug、beforeSend 等选项,可用 beforeSend 过滤事件或去除查询参数;开发环境默认禁用分析,可用 mode="development" 或设置 NEXT_PUBLIC_VERCEL_ANALYTICS_DEBUG=true 覆盖。数据需在 Vercel 项目的 Analytics 标签页查看。官方资料未提供具体收费、价格与配额信息。
适用场景:部署在 Vercel 上的网站与应用,用于流量统计、转化事件追踪与性能监控。需注意其前提是使用 Vercel 平台与相应包;未在资料中说明的内容暂未提供。