广告追踪系统自定义开发 轻量化方案提升广告效益 独立开发者实战

本文记录独立开发者从零搭建自定义广告追踪系统AdvTracking的过程。系统走轻量化路线，采用固定配色规则（四色对应利润亏损链路健康预警）和20余个标准化组件，通过Claude Code实现设计到代码的无缝落地。后端重点处理高并发请求，第一版先跑通核心模块并用测试流量验证。适合有自定义需求的广告投放者或技术爱好者参考。

Tags:

• 广告追踪
• 追踪系统
• 自定义开发
• 轻量化
• 广告效益

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

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

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

Claude Design

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

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

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

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

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

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

目前定下来两块。

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

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

无缝接入 Claude Code

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

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

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

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

几点思考

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

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

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

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

这次不赶，边干边磨。