Talivia追踪代码部署指南：Next.js/React项目3步接入流量统计与自定义事件

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/talivia

Talivia 是一款开源、可自托管的「收入优先」网站分析平台，一条追踪代码即可为 Next.js / React 项目接入流量统计、自定义事件、性能指标与会话回放，无需额外 SDK，数据全程掌握在自己手里。

Talivia 是什么？🧭

Talivia 将网页分析、会话回放（Session Replay）与收入归因整合在同一平台：你部署一段追踪脚本，页面浏览、用户行为、支付转化就会实时出现在自托管的分析面板中。

核心能力一览：

第 1 步：创建网站并获取 Talivia 追踪代码

登录 Talivia（默认地址http://localhost:3000，初始账号admin/admin，登录后请立即在Settings → Account修改密码），按下面顺序操作：

1. 在 Talivia 中创建一个网站（Website），填入你的站点域名；
2. 打开Websites → 你的网站 → Settings，即可看到系统自动生成的追踪代码。

追踪代码由 WebsiteTrackingCode.tsx/websites/[websiteId]/settings/WebsiteTrackingCode.tsx) 生成，形如：

<script defer src="https://你的Talivia地址/script.js" >// app/layout.tsx（节选） <html lang="zh-CN"> <head> <Script src="https://你的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