·add-react-analytics
{}

add-react-analytics

将 Temps 分析添加到 React 应用程序中,并提供全面的跟踪功能,包括页面视图、自定义事件、滚动跟踪、参与度监控、会话记录和 Web Vitals 性能指标。当用户想要执行以下操作时使用:(1) 将分析添加到 React 应用程序(Next.js App Router、Next.js Pages Router、Vite、Create React App 或 Remix),(2) 跟踪用户事件或交互,(3) 监视滚动深度或元素可见性,(4) 添加会话记录/重播,(5) 跟踪 Web Vitals 或性能指标,(6) 测量用户参与度或页面停留时间,(7) 识别用户进行分析,(8) 设置产品分析或遥测。触发器:“添加分析”、“跟踪事件”、“会话记录”、“Web Vitals”、“用户跟踪”、“临时分析”、“反应分析”。

13安装·1热度·@gotempsh

安装

$npx skills add https://github.com/gotempsh/temps --skill add-react-analytics

如何安装 add-react-analytics

通过命令行快速安装 add-react-analytics AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/gotempsh/temps --skill add-react-analytics
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:gotempsh/temps。

SKILL.md

查看原文

Integrate Temps analytics SDK into React applications with full tracking capabilities.

| useTrackEvent | Track custom events | | useAnalytics | Access analytics context, identify users | | useScrollVisibility | Track element visibility on scroll | | usePageLeave | Track page leave and time on page | | useEngagementTracking | Heartbeat engagement monitoring | | useSpeedAnalytics | Web Vitals (LCP, FCP, CLS, TTFB, INP) |

将 Temps 分析添加到 React 应用程序中,并提供全面的跟踪功能,包括页面视图、自定义事件、滚动跟踪、参与度监控、会话记录和 Web Vitals 性能指标。当用户想要执行以下操作时使用:(1) 将分析添加到 React 应用程序(Next.js App Router、Next.js Pages Router、Vite、Create React App 或 Remix),(2) 跟踪用户事件或交互,(3) 监视滚动深度或元素可见性,(4) 添加会话记录/重播,(5) 跟踪 Web Vitals 或性能指标,(6) 测量用户参与度或页面停留时间,(7) 识别用户进行分析,(8) 设置产品分析或遥测。触发器:“添加分析”、“跟踪事件”、“会话记录”、“Web Vitals”、“用户跟踪”、“临时分析”、“反应分析”。 来源:gotempsh/temps。

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/gotempsh/temps --skill add-react-analytics 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/gotempsh/temps --skill add-react-analytics
分类
{}数据分析
认证
收录时间
2026-02-26
更新时间
2026-03-10

Browse more skills from gotempsh/temps

快速解答

什么是 add-react-analytics?

将 Temps 分析添加到 React 应用程序中,并提供全面的跟踪功能,包括页面视图、自定义事件、滚动跟踪、参与度监控、会话记录和 Web Vitals 性能指标。当用户想要执行以下操作时使用:(1) 将分析添加到 React 应用程序(Next.js App Router、Next.js Pages Router、Vite、Create React App 或 Remix),(2) 跟踪用户事件或交互,(3) 监视滚动深度或元素可见性,(4) 添加会话记录/重播,(5) 跟踪 Web Vitals 或性能指标,(6) 测量用户参与度或页面停留时间,(7) 识别用户进行分析,(8) 设置产品分析或遥测。触发器:“添加分析”、“跟踪事件”、“会话记录”、“Web Vitals”、“用户跟踪”、“临时分析”、“反应分析”。 来源:gotempsh/temps。

如何安装 add-react-analytics?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/gotempsh/temps --skill add-react-analytics 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/gotempsh/temps

详情

分类
{}数据分析
来源
skills.sh
收录时间
2026-02-26