工程日记・第四天：不用 HubSpot，自建 AI 营销指挥中心

一切始于一个问题

CEO 问："我是不是需要一个管理系统来管理这些营销视频和复盘效果？还是说这个时代已经不需要了？有没有 AI native 的 HubSpot 可以自己做？"

答案是：自己建。原因如下。

HubSpot 企业版年费 $45-80K。但更重要的是，它不懂我们的世界。我们不是在做邮件营销——我们在指挥一个 AI 驱动的内容工厂：Seedance 2.0 生成航空营销视频，知识图谱指导内容策略，分发覆盖 8 个平台、2 种语言、2 个截然不同的互联网生态（中国 + 全球）。

2026 年没有任何 SaaS 工具原生支持这个工作流。所以我们自己建了一个——用一个冲刺。

架构：5 个 Tab，18 个文件，零外部依赖

营销指挥中心位于 /admin/marketing，复用现有管理面板组件——StatsCard（带 IntersectionObserver 的计数动画）、DataTable<T>（泛型可排序表格）和管理后台配色体系。

仪表盘分为 5 个标签页：

Tab 1：内容管线（看板）

5 列看板追踪内容生命周期：脚本 → 生成 → 审核 → 分发 → 上线。支持 9 种内容格式，包括 6 种视频格式和 3 种非视频格式（小红书图文、LinkedIn 长文、X 数据推文）。

Tab 2：分发追踪

每条内容分发到多个平台，每个都有唯一的 UTM 标记 URL。DataTable 展示内容标题、平台、状态、发布时间、播放量、互动、收藏和点击。底部有 UTM 链接生成器，输入着陆页路径和活动名称，一键生成 8 个平台的链接。

Tab 3：归因仪表盘

纯 SVG 转化漏斗可视化用户旅程：内容播放 → 网站访问 → 航线页浏览 → 报价请求 → 预订。旁边是按来源排名的归因表格和按 Campaign 的效能分析。底部还有 Agent 网络归因摘要——这是传统营销工具永远不会有的功能。

Tab 4：内容日历

月视图 CSS Grid 日历叠加内容和活动。右侧面板自动生成内容建议（基于 14 天内的活动）和即将到来的活动卡片（含价格乘数徽章、关联航线、建议内容格式）。预装了 14 个真实活动：达沃斯、超级碗、巴塞尔艺术展、樱花季、戛纳、摩纳哥 GP、温网等。

Tab 5：平台效能

8 个平台分析卡片 + 跨平台对比柱状图 + 内容类型效能表。每张卡片显示核心指标、7 天 SVG 迷你折线图、最佳内容类型和受众描述。

8 平台战略：不只是短视频

CEO 的指示很明确："除了短视频，还要考虑非短视频的平台。"奢侈航空营销需要多触点：

平台	类型	格式	受众
抖音	视频	航线聚焦、空腿提醒	中国高净值人群
TikTok	视频	航线聚焦、价格对比	全球年轻富裕群体
Instagram	视频+图文	飞机漫游、客户旅程	奢侈品消费者
YouTube	视频	全格式	广泛受众
微信视频号	视频	本地化航线内容	中国商务人士
小红书	图文+视频	生活方式种草帖	年轻富裕女性
LinkedIn	长文	行业洞察	B2B、Agent 开发者
X/Twitter	推文线程	数据推文	科技与航空行业

技术决策

为什么选纯 SVG 图表

手绘 SVG 替代 Chart.js/Recharts：零额外 KB（Chart.js 压缩后 200KB+），完美适配深色奢华主题，漏斗图就是 5 个矩形，迷你折线图就是一条 polyline。

为什么自建而非买 SaaS

• 成本：$0/年 vs HubSpot 企业版 $45-80K/年
• 集成：原生接入 UTM 系统、航线数据、Agent 归因和内容分发 API
• 中国兼容：HubSpot 不原生支持抖音、小红书、微信
• Agent 归因：没有 SaaS 理解 AI Agent 推荐追踪
• 速度：一个冲刺完成；SaaS 集成需要数周配置

最好的营销工具是你自己造的——因为它能和你的策略一样快速进化。当你的策略涉及 AI 生成内容、8 平台分发、2 种语言、Agent 归因时，没有任何现成工具能跟上你的脚步。