Talivia追踪代码部署指南Next.js/React项目3步接入流量统计与自定义事件【免费下载链接】taliviaOpen-source, self-hosted revenue-first analytics for founders: web analytics, Session Replay, revenue attribution, and customer revenue integrations. datafast alternative项目地址: https://gitcode.com/gh_mirrors/ta/taliviaTalivia 是一款开源、可自托管的「收入优先」网站分析平台一条追踪代码即可为 Next.js / React 项目接入流量统计、自定义事件、性能指标与会话回放无需额外 SDK数据全程掌握在自己手里。Talivia 是什么Talivia 将网页分析、会话回放Session Replay与收入归因整合在同一平台你部署一段追踪脚本页面浏览、用户行为、支付转化就会实时出现在自托管的分析面板中。核心能力一览能力说明流量统计页面浏览、访客、会话、来源渠道开箱即用自定义事件talivia.track()API 或 HTML 属性两种方式任选SPA 自动追踪自动钩取history.pushStateNext.js/React 路由切换零配置性能指标Core Web VitalsLCP、CLS、INP、FCP、TTFB会话回放可选开启还原访客真实操作第 1 步创建网站并获取 Talivia 追踪代码登录 Talivia默认地址http://localhost:3000初始账号admin/admin登录后请立即在Settings → Account修改密码按下面顺序操作在 Talivia 中创建一个网站Website填入你的站点域名打开Websites → 你的网站 → Settings即可看到系统自动生成的追踪代码。追踪代码由 WebsiteTrackingCode.tsx/websites/[websiteId]/settings/WebsiteTrackingCode.tsx) 生成形如script defer srchttps://你的Talivia地址/script.js >// app/layout.tsx节选 html langzh-CN head Script srchttps://你的Talivia地址/script.js >// 基础事件 window.talivia.track(add-to-cart, { product: talivia, price: 29 }); // 用户识别把匿名访客与登录用户关联 window.talivia.identify(user-1001, { plan: pro });事件名超过 50 字符会被截断属性值字符串上限 500 字符事件数据支持嵌套对象。方式二HTML 属性声明零 JS不想写 JS 时直接给元素加属性即可a href/checkout contenteditable="false">【免费下载链接】taliviaOpen-source, self-hosted revenue-first analytics for founders: web analytics, Session Replay, revenue attribution, and customer revenue integrations. datafast alternative项目地址: https://gitcode.com/gh_mirrors/ta/talivia创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考