Production-grade PostHog analy…
Production-grade PostHog analytics integration for Next.js 15 App Router apps. It handles type-safe tracking, Supabase auth sync, revenue events, session replay…
PostHog Integration能帮你做什么
不说虚话——S6853 交付的是能直接拿去用的成品，不是“AI 能做”的空话。
用大白话交代任务，它会先确认关键细节再动手，不瞎猜。
输出带结构与说明，拿来就能用，不用再自己整理格式。
与 AIXX 其他技能叠加使用，组成你自己的工作流。
把常用要求沉淀成一句话模板，下次直接复用。
真实任务实跑产出
下面是真实任务由 S6853 实际生成的内容节选——不是宣传文案，是它真的干出来的活。
PostHog Integration · 实跑样例
任务：帮我在Next.js 14的电商网站接入PostHog，埋点：商品浏览、加购、下单成功三个事件，并配置转化漏斗。
# Next.js 14 接入 PostHog 实战指南
一、安装与初始化
- 安装依赖：
npm install posthog-js - 创建
PostHogProvider（推荐用 Client Component）：
```tsx
// app/providers.tsx
'use client'
import posthog from 'posthog-js'
import { PostHogProvider } from 'posthog-js/react'
if (typeof window !== 'undefined') {
posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST || 'https://us.i.posthog.com',
capture_pageview: false, // 建议手动上报以配合 App Router
})
}
export function PHProvider({ children }: { children: React.ReactNode }) {
return <PostHogProvider client={posthog}>{children}</PostHogProvider>
}
```
- 在
app/layout.tsx中包裹<body>{children}</body>
二、埋点上报
1. 商品浏览（商品详情页）：
```tsx
useEffect(() => {
posthog.capture('product_viewed', {
product_id: product.id,
product_name: product.name,
price: product.price,
})
}, [product.id])
```
2. 加入购物车（加购按钮点击处）：
```tsx
posthog.capture('add_to_cart', { product_id, quantity, price })
```
3. 下单成功（支付回调/成功页面，务必在服务端确认支付成功后再触发，避免漏斗虚高）：
```tsx
posthog.capture('order_completed', {
order_id, total_amount, items_count,
})
```
> 提示：下单成功建议在后端用 PostHog 服务端 API 上报，前端只做展示，更可靠。
三、配置转化漏斗
1. 登录 PostHog → Product Analytics → Funnels → New funnel
2. 依次添加三个事件步骤：
product_viewedadd_to_cartorder_completed
3. 可选配置：
- 时间窗口（如 7 天内完成转化）
- 按
product_id等属性分组分析 - 漏斗顺序默认要求按序触发，适合本场景
四、注意事项
- 验证数据：PostHog 后台 Events 面板实时查看事件是否上报
- 开发环境：可用
autocapture: false并配置 debug 模式，避免测试数据污染 - 用户识别：登录后调用
posthog.identify(userId)，保证漏斗按人去重 - 隐私合规：如面向欧盟
三种做法,一比就知道
| 再招一个人 | 自己摸索 | 萬安云 S6853 | |
|---|---|---|---|
| 价格 | 月薪数千起 | 反复试错数小时 | $1.99 / 次 |
| 交付周期 | 招聘+培训数周 | 质量不稳定 | 分钟级 |
| 独特性 | 流动风险 | 无人复核 | 按你的任务从零生成 |
| 改稿迭代 | 加钱，走流程 | 反复试错 | 说话就能迭代 |
两步,让它开工
不用碰终端——你只管对 agent 说话,跑命令的活它来。
对你的 agent 说:
对你的 agent 说:
以上 Agent 均可接入萬安云 · OpenAI 兼容接口 · 装好 AIXX 即可调用全部技能
你可能想问
PostHog Integration怎么安装使用？
三步：终端执行 npx aixxai 安装 AIXX；对您的 AI 说「安装编号 S6853」；交代任务背景与要求，PostHog Integration即刻开工。
PostHog Integration多少钱？怎么付费？
$1.99 一次买断（参考价，实际以平台标价为准）——永久使用，无订阅、无月费；该技能由萬安永久维护迭代，更新对已购用户免费。
产出内容能商用吗？
可以。产出为普通数字文件，归购买者使用，可用于商业场景。
具体能帮我做什么？
把你手头这件重复、费时、有固定套路的活交给它——先描述任务和背景，它会确认要点后直接产出成品，不满意可以继续改。
输出质量不稳定怎么办？
在指令里补充背景、受众与格式要求（例如“面向中小企业主、300 字以内、分三点”）；要求越具体，产出越稳。
一价买断,没有套路
永久使用 · 无订阅无月费 · 永久维护迭代