一套云端优先、成本最低、可无限复用的多租户SaaS化网站数据管理系统。
- 前端埋点SDK,支持页面浏览、工具交互、表单提交数据采集
- 多租户数据隔离
- 实时数据处理
- 360°用户画像
- 行为标签、业务标签、意向标签
- 自动线索评分
- 线索自动分配
- 状态跟踪(待处理/跟进中/已成交/已流失)
- 跟进记录管理
- 流量分析(访问趋势、来源分布)
- 转化漏斗分析
- 工具使用分析
- 租户管理后台
- 可配置化业务模块
- 统一身份认证
- 前端框架: Next.js 15
- UI组件库: Ant Design 5
- 数据库: Supabase (PostgreSQL)
- 数据可视化: Ant Design Charts, Recharts
- 部署平台: Vercel
cd backend-admin
npm install创建 .env.local 文件:
# Supabase 配置
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
SUPABASE_SERVICE_KEY=your-service-keynpm run dev访问 http://localhost:3000/admin
在浏览器中访问:
http://localhost:3000/api/tracking?tenant=your-tenant-slug
在网站HTML的 <head> 中添加:
<script src="https://your-domain.com/api/tracking?tenant=your-tenant-slug"></script>在您的网站中调用追踪函数:
// 工具交互追踪
window.zxqTrack.tool('成本计算器', 'start', { product: '保健食品', market: '日本' })
window.zxqTrack.tool('成本计算器', 'submit', { product: '保健食品', market: '日本', budget: 150000 })
// 表单提交追踪
window.zxqTrack.form('询盘表单', { name: '王先生', phone: '138****1234', company: 'XX公司' }, 'success')
// 自定义事件
window.zxqTrack.custom('button_click', { button: '立即咨询' })src/
├── app/ # Next.js App Router
│ ├── admin/ # 后台管理页面
│ │ ├── dashboard/ # 仪表盘
│ │ ├── users/ # 用户管理
│ │ ├── inquiries/ # 询盘管理
│ │ ├── analytics/ # 数据分析
│ │ └── tools/ # 工具数据
│ ├── api/ # API路由
│ │ └── tracking/ # 数据采集API
│ └── page.tsx # 首页
├── components/ # 组件
│ └── AdminLayout.tsx # 后台布局
└── lib/ # 工具函数
├── supabase/ # Supabase客户端
├── tracking/ # 追踪SDK
└── multi-tenant/ # 多租户模块
- 云端费用: $0(免费额度内)
- 开发成本: 自有团队 ≈ 0
- 云端费用: 约 $25-50/月
- 360°用户画像系统
- 转化归因分析
- ML成交预测
- 智能推荐引擎
- 多网站配置后台
MIT