03-04 · 首页 Banner / 下载框 / 轮播消息¶
入口路径：后台 → 运营配置 → 首页 Banner 配置 / 首页下载框配置 / 轮播消息配置 目标读者：美工 / 运营策划 核心问题：前台首页所有"广告位"在哪里上传、什么尺寸、放在什么位置 资料来源：
首页 Banner 配置.png+首页大/小/弹窗 banner 位置说明.png+添加 banner 页面.png+横幅图位置说明.png+首页下载框配置.png+首页下载框位置说明.png+首页下载框添加 banner 页面.png+轮播消息配置.png+添加轮播消息页面.png最后更新：2026-05-11 作者：Bob/Aimee
一、首页 Banner 配置¶
进入 "运营配置 → 首页 Banner 配置" 后，顶部有 4 个 tab：
| Tab | 用途 |
|---|---|
| 首页大 Banner 配置 | 首页"主视觉"超大轮播图 |
| 首页左侧栏 Banner 配置 | PC 端左侧栏图 ❓（截图未单独提供，结构同前者） |
| 首页小 banner 配置 | 主大图下方的小卡 banner |
| 首页弹框 Banner 配置 | 玩家进入首页时的弹窗 banner |
1.1 列表字段（所有 tab 通用）¶
| 字段 | 说明 |
|---|---|
| 预览图 | 已上传的 banner 缩略图 |
| 超链接类型 | 无 / 内部活动 / 外部链接 ❓（默认"无"） |
| 超链接 | 跳转目的 URL 或活动 ID |
| 跳转方式 | 当前 tab / 新 tab ❓ |
| 备注 | 业主自填 |
| 操作 | 编辑 / 删除 / 排序 ❓ |
页面按钮：查询 / 添加 / 打开说明。"打开说明"按钮会弹出对应位置的"展示位置说明"截图。
1.2 四种 Banner 在前台的位置¶
下面 4 张图来自后台"打开说明"弹窗，展示了 banner 在玩家端的实际位置。
1.2.1 首页大 Banner（主视觉）¶
- 出现位置：站点 logo 下方第一屏的核心视觉
- 推荐尺寸：656 × 288（见 §1.3 添加弹窗）
1.2.2 首页小 Banner（三联卡）¶
- 出现位置：大 Banner 下方，横向 3 张并列
- 推荐场景：拆分主活动的 3 个 CTA（充值 / 抽奖 / 转盘）
- 尺寸 ❓（待用户在"添加小 banner"弹窗确认）
1.2.3 首页弹框 Banner¶
- 出现位置：玩家进入首页后全屏弹窗
- 推荐场景：导流到 Telegram 频道、活动 / 拉新关键节点
- ⚠️ 弹窗强干扰，只放最高优先级一项
1.3 添加 Banner（以"添加大 Banner"为例）¶
| 字段 | 限制 / 含义 |
|---|---|
| 图片 | 大小 ≤ 500KB，分辨率 656 × 288（大 Banner） |
| 超链接类型 | 下拉，默认"无"。选了之后下方出现"超链接"输入框 ❓ |
| 备注 | 业主自填 |
💡 三档 Banner 尺寸建议（截图给出的仅"大 Banner = 656×288"，其余 ❓）：
| Tab | 尺寸 | 备注 |
|---|---|---|
| 大 Banner | 656 × 288 | 已确认 |
| 左侧栏 Banner | ❓ | |
| 小 Banner | ❓ | |
| 弹框 Banner | ❓ |
1.4 横幅图位置说明（活动卡片的横条图）¶
这一条不是首页 banner，而是"活动中心"页面每张活动卡上方的横条图。入口在"活动页展示配置"，本文档（§03 活动配置）已经说明。
- 出现位置：活动中心页每张卡的顶部
- 推荐尺寸：656 × 176（见 03-活动配置 §5.4）
二、首页下载框配置¶
2.1 功能定位¶
首页顶部的"下载 APK / 加桌面"小条横幅。当前是"已开启"状态，可点红色按钮"设置关闭"。
页面按钮：查询 / 添加 / 打开说明。表格字段：预览图 / 备注 / 操作。
2.2 在前台的位置¶
- 出现位置：首页最顶部（在 logo 之上）
- 推荐尺寸：720 × 96（见 §2.3）
2.3 添加下载框 Banner¶
| 字段 | 限制 |
|---|---|
| 图片 | png，大小 ≤ 200KB，分辨率 720 × 96 |
| 备注 | 业主自填 |
💡 比例 7.5 : 1 横向窄条。设计要点：左侧留 APP icon 位、右侧留 CTA 按钮位。
三、轮播消息配置¶
3.1 功能定位¶
首页"跑马灯"消息条（一条接一条横向滚动的提醒）。
页面元素： - 添加轮播消息按钮 - 刷新 - 在首页显示开关（当前"关"）→ 不开就算配了消息前台也不显示 - 表格字段：ID / 轮播内容 / 备注 / 操作
3.2 添加轮播消息¶
| 字段 | 含义 |
|---|---|
| 轮播内容 | 滚动文字（支持多行 ❓） |
| 备注 | 业主自填 |
💡 典型用法：写当日大奖中奖通报（如「Player XXX won ₱ 10000 in Lucky Wheel」）、平台公告、推广话术。
四、四类广告位优先级建议¶
紧急 / 必须看到： 首页弹框 Banner （强干扰，谨慎用）
拉新主视觉： 首页大 Banner （主战场，建议常更）
分流 CTA： 首页小 Banner（3 联） （细化主活动）
APP 拉装： 首页下载框 Banner （APP 推广期开启）
活动中心： 活动横幅图（656×176） （配合 03-活动配置）
跑马灯： 轮播消息 （日常提醒、彩头公示）
五、典型工作流¶
5.1 一次完整的"周末活动上线"¶
- 大 Banner：上 1 张 656×288 主视觉（用 03-活动配置 配合的活动作为 CTA 目标）
- 小 Banner 3 张：分别引导"充值翻倍 / 抽奖 / 拼多多"
- 轮播消息：写 3 条中奖通报，"在首页显示"打开
- 活动横幅图：在活动中心 656×176 配合
- 弹框 Banner：周末活动开始前 1 小时上一张"Welcome · 50% Bonus"（英文/Tagalog）
- 下载框 Banner：保持常开（APP 拉新永远是正面收益）
5.2 关停某个广告位（如弹框过于扰民）¶
- 4 个 banner tab 都没有"总开关"，只能逐条删除
- 下载框有"设置关闭"总开关 ✅
- 轮播消息有"在首页显示"总开关 ✅
⚠️ 大 Banner / 小 Banner / 弹框 Banner 没有总开关这一点容易踩坑——上线大量 banner 后想临时禁用，必须逐条删/改超链接。
六、待确认清单¶
- 首页大/小/弹框/左侧栏 4 个 tab 的尺寸？目前只确认大 = 656×288。
- "超链接类型"下拉有哪些选项？选了"内部活动"后是否下拉列出所有活动？
- 跳转方式列的具体取值？
- 轮播消息是否支持 HTML、Emoji、变量插值（如
{{player_name}}）？ - 轮播消息显示规则：是顺序还是随机？滚动速度可配吗？
七、相关文档¶
- README · 运营配置总览
- 03-活动配置（活动横幅图入口）
- 05-网站分享
- 13-推广渠道（APP 拉装与下载框联动）
- 02-域名管理 · H5 用户转化留存配置