mcpField
P
posthog-instrumentation

posthog-instrumentation

github.com/posthog开发132.2k 次安装34 周前更新
代码仓库

关于 posthog-instrumentation

posthog-instrumentation 是一项帮助开发者在代码中接入 PostHog 分析、事件追踪和功能标志的技能。它会先识别框架并检查现有配置，再按适用模式添加埋点。

主要功能

  1. 01识别项目框架
  2. 02检查现有 PostHog 配置
  3. 03添加事件追踪
  4. 04实现功能标志
  5. 05提供 JavaScript、Python 和 React 示例

适用场景

  1. 01为应用添加 PostHog 分析
  2. 02追踪用户操作和业务事件
  3. 03通过功能标志逐步发布功能

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/posthog/posthog-for-claude --skill posthog-instrumentation

安装后在 Claude Code 中输入/posthog-instrumentation确认已加载。

详细介绍

PostHog 埋点技能

帮助用户在代码中添加 PostHog 分析、事件跟踪和功能标志。

适用场景

  • 用户要求“添加 PostHog”或“添加分析”
  • 用户想要跟踪事件或用户操作
  • 用户需要实现功能标志
  • 用户询问如何为代码添加埋点

工作流

  1. 确定所用框架（React、Next.js、Python、Node.js 等）
  2. 检查是否已配置 PostHog
  3. 添加适当的埋点

代码模式

JavaScript/TypeScript
// Event tracking
posthog.capture('button_clicked', { button_name: 'signup' })

// Feature flags
if (posthog.isFeatureEnabled('new-feature')) {
  // Show new feature
}

// User identification
posthog.identify(userId, { email: user.email })
Python
from posthog import Posthog
posthog = Posthog(api_key='<ph_project_api_key>')

# Event tracking
posthog.capture(distinct_id='user_123', event='purchase_completed')

# Feature flags
if posthog.feature_enabled('new-feature', 'user_123'):
    # Show new feature
React
import { usePostHog } from 'posthog-js/react'

function MyComponent() {
  const posthog = usePostHog()

  const handleClick = () => {
    posthog.capture('button_clicked')
  }
}

最佳实践

  • 使用一致的事件命名方式（建议使用 snake_case）
  • 为事件添加相关属性
  • 在会话开始后尽早识别用户
  • 使用功能标志逐步发布

评论

支持 Markdown