页面18-g2-channel.html · 渠道落地 · G2 · 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口。

展示顺序（按角色 · 章节号固定）

• 产品 / 老板：⓪ → ①～⑤ → ⑧
• 测试：⑧ → ①～⑤ → ⑦
• 研发：接口速查 → ①～⑤ → ⑥ → ⑦
• UI：①～⑤（图标路径在控件下）
• 数据 / 增长：⑨ → ⑥
• 多态页：③ 内分态 · ⑥⑦⑧⑨ 号不变

接口本页唯一 · GET /channels/{channel_id} → 文案 + img_channel_hero · 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：运营可配渠道落地页模板，带 UTM 归因与登录 CTA。

• 运营 / 增长：⑧；三渠道模板 · Hero 宣传图由 B 端后台上传 · 文案可配
• 测试：⑧ + 秋招/高校/Boss 三 Tab · CTA 跳转
• UI：落地页 Hero + 渠道标签 + 主/次 CTA
• 前端：CMS 渠道配置· 详 ⑥
• 合规：运营文案审核 · 无夸大承诺

① 秋招专场 · 默认态（#qiuzhao）

• 「秋招专场」 · 渠道标签 → copy_channel_tag_qiuzhao · URL 读 utm_source=qiuzhao2026（仅 ⑥⑨）
• 「秋招季 · 15 分钟拿到敢投递简历」 · 大标题 · 只展示 · 字段 hero.title · 详 ⑥
• 「专为应届生设计 · 简历摸底 + JD 对齐 + HR 预览」 · 副标题 · 只展示 · 字段 hero.subtitle
• Hero 宣传图 · 圆角横幅 · 只展示 · 容器 display_channel_hero · 图片 img_channel_hero
  • 原型：HTML 写死 Unsplash 示例 URL · 上线由接口返回 URL 渲染 · 禁止前端写死运营图
  • 图片来源：B 端渠道配置后台上传 → 对象存储/CDN · 接口字段 hero_image_url · 详 ⑥
  • 加载失败：占位图或隐藏容器 · 不 Toast 羞辱
• 卖点列表 · 注册赠 10 点 · JD 对齐 · 只展示 · 字段 bullets[]
• 「活动规则以页面展示为准」 · 灰色小字 → copy_channel_footer_hint · CMS/模板示意仅 ⑨
• 「微信登录 · 免费开始」 · 橙色主按钮 → btn_channel_login · 链登录
• 「已登录？直接进入」 · 次链接 → link_channel_home · 链首页

② 高校就业办 · 主内容（#campus）

• 「高校合作专场」 · 渠道标签 → copy_channel_tag_campus
• 「校企合作 · 智能简历辅导」 · 大标题
• 「机构额度模式」 · 说明卡 · 副文案「由学校统一开通」
• 「学生登录使用」 · 主按钮 · 链登录

③ 招聘 App 导流 · 主内容（#boss）

• 「招聘 App 专项」 · 渠道标签 → copy_channel_tag_boss
• 「投了没回音？先让简历过初筛」 · 大标题
• 三指标卡 · 40% / 15min / 6.9 · 只展示
• 「立即优化简历」 · 主按钮 · 链登录

④ 页脚埋点说明

• 页脚：机模无埋点说明行 · 归因/埋点见 ⑨

⑤ 本页无顶栏返回

外链落地 · 状态栏 + 全屏内容 · CTA 贴内容区底部。

⑥ 渠道落地 · GET /channels/{channel_id}（本页唯一）

说明：秋招/高校/Boss 三态文案、CTA 与 Hero 宣传图 均来自 B 端渠道配置（CMS 上传）；原型 HTML 写死 mock。上线解析 channel_id / UTM 后请求本接口，渲染 copy_channel_tag_* · img_channel_hero · btn_channel_login 等。替换清单 → dev-notes · 静态 mock → API。

• 何时调
  • 进页 onLoad · query channel_id 或由 UTM 映射为 channel_id
  • 同渠道可短时缓存 · 运营在后台换图后需 CDN 缓存刷新或带版本 query
• 鉴权 · 未登录可访问 · 登录按钮跳 01-landing-login.html · 401 不影响落地页只读展示
• 后台维护（B 端 · 不进本接口响应以外的硬编码）
  • 运营在渠道配置后台上传 Hero 图（JPG/PNG/WebP · 建议 16:9 或 860×320 量级）
  • 后台存 OSS/CDN · 本接口只返回可访问 URL · 前端禁止拼路径或写死运营图
• 响应 → 控件
  • tag（string）→ copy_channel_tag_* · 如「秋招专场」
  • hero.title · hero.subtitle（string）→ 大标题/副标题（秋招态 ①）
  • hero_image_url（string · HTTPS CDN）→ img_channel_hero · <img src> · 容器 display_channel_hero
  • bullets[]（string[]）→ 卖点列表 · 逐条渲染
  • cta.label · cta.link → btn_channel_login
  • footer_hint（string）→ copy_channel_footer_hint · 后台可配 · 非埋点
  • template（enum）→ 渲染哪套模板：qiuzhao / campus / boss · 原型用 Tab 演示三态
• 响应示例（秋招态 · 与 ① mock 对齐 · 原型 only）
  • { "channel_id": "qiuzhao2026", "template": "qiuzhao", "tag": "秋招专场", "hero": { "title": "秋招季 · 15 分钟拿到敢投递简历", "subtitle": "专为应届生设计 · 简历摸底 + JD 对齐 + HR 预览" }, "hero_image_url": "https://cdn.example.com/channels/qiuzhao2026/hero.jpg", "bullets": ["新用户注册赠 10 能量点", "针对 JD 关键词一键对齐"], "cta": { "label": "微信登录 · 免费开始", "link": "/pages/login" }, "footer_hint": "活动规则以页面展示为准" }
• 失败与边界
  • 无效 channel_id → 默认落地页或 404 友好页
  • hero_image_url 空或加载失败 → 隐藏 display_channel_hero 或展示默认占位图 · 不影响 CTA
  • 网络/5xx → Toast + 重试 · 保留上次缓存文案/图（若有）

⑦ 入口 · 出口

• 入口：外链 UTM · 能力中心 G2 演示 · G4 短视频落地
• 出口：01-landing-login.html · 02-home.html

⑧ 怎么验收

1. 左右对照：秋招态大标题「秋招季 · 15 分钟…」、Hero 宣传图区域非空 · UTM 标签须与 ① 一致。
2. 接口专章：滚到 ⑥ · 可见 GET /channels/{channel_id} · hero_image_url → img_channel_hero · 后台上传说明。
3. 打开：双击 18-g2-channel.html · 三 Tab 文案/图不同。
4. CTA：秋招态「微信登录 · 免费开始」→ 登录页。
5. 高校/Boss：切换 Tab · 见各自标题与主按钮。
6. 跨页：G4「领取新人 10 点」可链至本页或登录。

⑨ 团队补充

• 图标资产（第二批） · app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表
• 图标资产（第三批） · app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10
• 图标资产（第四批） · app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10
• 分期与排期 · 产品/研发见 launch-static-to-api · 开发说明 ②～⑦ 不写「阶段 N」
• 埋点 · app_launch · channel_cta_click（附 utm_*）
• 原型限制：三模板静态 HTML · Hero 图为 Unsplash 占位 · 正式上线 由 hero_image_url 替换 → launch-static-to-api
• CMS 与接口 · 运营改图走 B 端上传 · 前端只读 GET /channels/{channel_id} · 不在小程序/H5 包内写死渠道图