大家在浏览早期门户的时候，是不是经常遇到关闭不了的弹窗广告，在web时代，这样的广告带来了不菲的收益，进入移动互联网时代，门户网站上投放广告几乎销声匿迹了。
现在门户广告的展示形式分为3类：
01 轮播广告位
门户网站都是按模块化设计，一般在门户的左上角或者中间位置，设置3s或5s自动轮播广告展示区。
由于我公司客户所处的行业的特殊性，轮播广告展示的内容是活动展示或者专题报告展示。
02 固定广告位
门户的右下角位置也会设置固定的广告位，比如放公司的智能客服入口或公众号二维码。
03 悬浮广告位
遇到客户做的一些时效性比较强的广告或者信息收集的的营销活动，作为SaaS服务商不能每个客户都去定制开发。
因为这一类广告的信息内容、展示位置和大小是不固定的！于是我们设计了一种灵活可配的悬浮广告展示机制。
分析可行性
先从客户的需求谈起，客户想加一个悬浮广告，用来收集游客信息，可以通过轮播广告间接实现这个功能，使用第三方的信息表制作工具。
经过分析之后，我们团队决定做这个功能。
原因一：和我们客户群体有关，主要是一些课程学习，技能学习等，和主要业务有关，属于普遍现象！
原因二：我们的产品在C端营销模块的缺失，悬浮广告位正好可以填补空缺。
原因三：收集的信息可以在同一个的平台进行管理，方便信息跟踪。
拆解需求和设计
我们可以做成一个简单的H5链接，不用单独开发一个功能，满足客户的需求，但每次做活动都要设计一次，每次需要我们来配合客户，会加重运维支持，从可从SaaS型产品可复用的特性来讲，可自定义配置充分发挥该功能的最大价值，
这个需求被拆解为两个功能：广告位的设置和信息收集表的设置.
广告位设计思路
为了满足客户不同的展示形式，结合市场上常见的几种展示样式，于是我们设计了5处广告位置，1个广告位和5个广告位开发工作量几乎是一样的。请UI设计师给出适合的尺寸和大小。
同一个广告位我们只能开启一个广告，并且5个广告位在后台都有数据存储，方便用户查找。
广告位可以关联调转链接，可以是内部链接也可以是外部链接，根据活动内容来选择。
广告位注意事项
（1）广告展示形式不能采用那种损害用户体验的的形式（满屏幕飘或者关闭后自动弹出）；
（2）展示位置处在空白位置，不影响用户浏览其他内容；
（3）设置关闭机制；
（4）屏幕适配：可根据电脑屏幕的大小进行等比例的缩放；
（5）极致体验：上下位广告可根据用户滑动鼠标的操作区间范围，自行关闭。
信息收集表的设置
信息收集表和设计调查问卷的功能比较类似，但又有不同。
从操作体验上，游客只需要输入或者选择，不需要按调查问卷一样，设计题干和选题。
从统计内容上，信息收集表只收集游客个人的基础信息。
收集信息的字段可扩展性！
经过多个信息收集表的比对，我们发现信息收集表和用户的个人信息的一些字段重合，于是我们取用了基础信息的字段，并且预留了一些可拓展的字段，
客户在使用过程中，需要调整，我们可以及时调整。简化用操作流程，做成信息表可自定义设置。
设置步骤：
- 输入信息表名称；
- 需要选择你收集的游客信息;
- 根据内容选择我们提前设置好的三种背景，也可以自己上传;
信息表可多用途
管理员设计信息表时可实时预览，确保无误后，选择发布，成功后系统自动生成H5链接和二维码。
这些链接和二维码可以用在任何展示位置，比如线下的易拉宝、抖音广告等等，平台自带的广告位也可以关联此处的信息收集表的链接。
信息表采集和回访功能
按照操作流程，我们可以在后台进行统计到需要咨询或者留言的游客信息
相关营销管理人员可根据信息表记录的时间进行回访记录，并在平台上记录。
总 结
以上内容，是我们在设计悬浮广告的一些思考和方法。我们对使用该功能的用户进行分类，感受他们的真实体验。
广告对非目标用户，是非常讨厌的，设计关闭的机制，正是为了降低抵触情绪，
对于管理人员，我们在核心操作流程中预置一些模板，减少操作步骤，打造极致的用户体验。
从公司角度，对使用场景做多维度的判断，充分考虑SAAS型产品的可复用性和可延展性！
