编辑导语：广告模块设计广告能够为网页带来很多的增色效果和盈利，广告模块的设计对网站来说非常重要。本文以广告模块设计为主题进行了分析，作者分享了他对广告模块的构思。希望能给您带来一些帮助。

一、广告模块构思图

二、广告流程节点

三、后台需求

1. 广告管理和日志管理后台入口

【日志管理】中新增广告日志管理的二级菜单。广告管理的入口位置在【运营管理】，新增一个广告管理的二级菜单，广告管理分别有两个子菜单：广告位管理、广告发布记录。

2. 广告位管理

（1）列表

广告位列表中显示系统中所有广告位项目。

字段说明：

• 列表展示顺序按照广告位ID数字1开始的自增倒序显示；
• 广告位ID：写死，按照1开始的自增倒叙显示；
• 广告名称：写死广告位名称，分别是xxx、xxx、xxx；
• 广告类型：写死，首页插屏-插屏、首页底部banner-banner、首页顶部banner-banner；
• 更新时间：最新编辑广告位的时间；
• 操作：

编辑：

• 点击编辑按钮弹出编辑弹窗；
• 保存：对已编辑的信息进行保存，但不发布广告；立即发布：对已编辑的信息进行保存且发布（发布：生成一条广告发布记录）；

发布：

用户点击发布按钮时需校验同一个广告位的有效时间的开始和结束时间是否有重复的，若有重复的则需提示用户：“发布失败同一个广告位的有效时间存在重复，请仔细检查！”；

弹出确认框，确定即生成一条广告发布记录。

（2）广告详情

（3）编辑广告

基本信息：

• 广告名称：不可编辑、写死；
• 广告类型：不可编辑，写死，首页插屏-插屏、首页底部banner-banner、首页顶部banner-banner；
• 广告图：只允许上传一张，广告图的尺寸由UI定义，大小由开发定义；

广告图跳转地址分三种情况：

1. 选择应用内地址，默认写死xxxxxxx（页面待定），点击广告图跳转到对应页面内；
2. 选择不跳转则点击无法跳转，默认不跳转；
3. 选择自定义页面，展示富文本框，需在富文本框中编辑页面内容，该页面写在应用内，专门用来做插屏/banner广告自定义页面。

小程序内跳转地址为：

• 不跳转；
• 跳转至XX页面；
• 跳转至XX页面；
• 自定义页面。

规则设置：

频次：仅在广告类型是插屏时展示，频次选项，写死一下三个选项；

1. 每进入一次应用的该页面展示一次：用户在有效时间每重新进入一次应用的该页面展示一次广告，即应用后台关闭后重新进入一次该页面则展示一次；
2. 有效时间内该页面只展示一次：用户在有效时间内；
3. 每进入该页面一次展示一次：用户在有效时间内每次进入该页面展示一次广告；

有效时间：

1. 若该广告存在状态为“未开始或者进行中”状态的广告，则选择的时间不可与当前存在这两个状态下的广告的有效时间重复（将这两个广告的有效时间置灰，不可选），若时间跨度包含了已存在的有效时间，如：A 11月20日-11月21日已存在，B选择了11月18日-11月底，则11月20日-11月21日不展示B而展示A，时间重复只展示一个（哪个先添加展示哪个）；
2. 结束时间可以选择“永远”（即无结束时间） ；

（4）发布广告

弹出确认框，确定即生成一条广告发布记录。

3. 广告发布记录

存放已经生成的广告。

字段说明：

• 列表展示顺序按照发布广告的时间倒序显示；
• 广告记录ID：按照1开始的自增倒叙显示；
• 广告ID、名称：从广告位中附带过来；
• 跳转地址：点击广告图后跳转的地址；
• 有效时间：广告展示的有效时间（注：若一定时间段内有广告，则在已确定的位置展示广告，若无则不展示）；
• 状态：已结束（到了有效期自动结束、手动结束）、未开始（未到开始时间）、进行中（在有效时间内）；
• 结束时间：即广告展示的实际结束时间；
• 操作：

编辑：

可以对状态为未开始和进行中状态的广告位进行编辑。

结束：

可以对状态为未开始和进行中状态的广告位进行结束，点击结束弹出结束确认弹窗，需填写结束原因。

详情：

4. 日志列表

存放点击过广告的用户信息。

字段说明：

• 列表展示顺序按照点击时间倒序显示；
• 日志记录ID：按照1开始的自增倒叙显示；
• 广告ID、名称：显示用户点击的广告位对于的ID和名称；
• 用户ID：点击广告位的用户的ID；
• 点击时间：用户点击广告的时间。

四、前台需求

1. 广告展示入口

• 首页顶部新增banner展示位置；
• 首页底部新增banner展示位置；
• 首页新增插屏展示位置。

#专栏作家#

一只产品喵，微信公众号：一只产品喵，人人都是产品经理专栏作家。擅长于原型图制作和需求挖掘，爱好写文章、绘画、旅游等。

本文原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。