第一版追踪系统——Adv Tracking

上篇文章提到,下半年我要搞一套自定义追踪。趁这几天有空闲时间,直接开干!

系统暂且命名为 AdvTracking,整体框架和思路已经酝酿了一段时间。方案走轻量化路线,最重要的是,我可以用空闲的时间,慢慢打造、磨合这个属于自己的产品。

但它又不只是一个产品,它直接关系到我的广告效益,所以还是很有意思。

第一版追踪系统——Adv Tracking 配图 1

Claude Design

如果用“爱马仕”这类Agent,可以非常快速的搭出一个轻量型追踪系统,它 能干很多事情,但有些效果我不太满意。

快是快。我更喜欢自己一点点磨出来。

市面上的追踪系统功能大同小异,想要自定义的效果,无非就是动手加功能。

更何况,亲手打造一个真金白银在用的产品,本身就是一种愉悦——这大概是折腾的另一面收益。

所以这次我从 Design 开始做起,细到每一个图标的颜色都经过我的筛选。大部分 UI 设计我只需要动动手,挑我想要的颜色和效果,剩下的交给 Claude。

这套 Design System 之前是给广告自动化系统用的,这次直接在上面接着迭代,不用从零再来。

目前定下来两块。

一块是配色规则。Emerald 只给利润和正 ROI,Rose 只给亏损和告警,Blue 代表链路健康,Amber 是预警。四个颜色对应四种含义,定死之后,后面每个页面的数字该是什么颜色,就不用再想了。

第一版追踪系统——Adv Tracking 配图 2

另一块是组件。数据表格、KPI 卡片、Offer 表单、权重轮换编辑器,20 来个组件全部定好状态和用法。后面所有页面都从这里取件,不会越做越乱。

第一版追踪系统——Adv Tracking 配图 3

无缝接入 Claude Code

Design 定稿后,整套东西会打包成代码:50 多个样式 token,加上组件库和页面模板,Claude Code 直接读取调用。

也就是说,我在 Design 里挑好的颜色和组件,到了 Code 这边就是现成的积木。

Claude Code 只负责执行落地。这一点,它们做得还是很不错的。

拿 Offers 页举例:Offer 轮换权重分配、Fallback offer、CAP 到量停量、追踪 token 一键插入——后期再把我之前做的功能加上offer权重自动轮换

第一版追踪系统——Adv Tracking 配图 4

几点思考

前面都是看得见的部分,后端这块才是真正的骨头。

追踪这活跟做普通后台不一样,最吃的是并发。每一次点击都是一个请求,广告一放量,几十上百万条往里灌。先得接得住,才谈得上后面的事。

第一版先把 Campaign、Offer、流量源这几个核心模块跑顺,用测试流量验证数据。

等真正完善后,再尝试交给Agent来管理。

这次不赶,边干边磨。