对于APP端的banner展示，如何实现前后端的有机结合，让运营者自己操作广告位？本文简单说明了视觉横幅背景的逻辑。
在百科中可以看到banner的定义，即“Banner广告是网络广告最早的形式，也是目前最常见的形式。横幅广告(Banner advertising)又称横幅广告，是横跨网页的长方形公告板。当用户点击这些横幅时，通常可以链接到广告商的网页。”
在APP或者PC端，我们经常会看到各种大小的广告，分为动态的和静态的。通常，它们是可点击的，或者是为公告而添加的静态通知图像。
那么，对于APP端的banner展示，如何实现前后端的有机结合，方便运营人员自行操作广告位呢？接下来我简单解释一下后台可视化banner的逻辑。
正面横幅展示
我们经常看到banner有一个APP主页，可以位于顶部、中间或者底部。通常以轮播的形式展示，轮播每3秒/5秒进行一次。
例如，下面主页中间的转盘显示了横幅图:
展示形式有两种:一种是静态广告图，一种是动态广告图；
前端交互有两种:一种是不可点击的，只是展示一张图片，另一种是可点击的，点击进入对应的网页或内页。
通常，banner会有一个一直存在的默认页面，但是特殊情况下的页面。需要时显示广告位，不需要时隐藏广告位。
比如像首页的banner，即使没有轮播banner图片，也总会有默认图片。不过和一些专题页面的广告位一样，在股票APP的情况下，新股申购页面的专题广告位会在有新股进行国际配售时显示，方便用户购买，没有新股时会隐藏。
比如下图，可以将特殊页面的banner设置为隐藏，当没有国际投放时，隐藏banner但不显示。
最后前端的banner展示，如何做一个视觉背景页面，下面介绍。
后台页面
1.横幅管理列表页面
通常，此列表中显示的字段通常来自添加横幅时定义的字段。
具体字段仍取决于您业务的复杂性，但通常必须存在以下字段:
产品:这可以定义为扩展字段。当你开始做这个功能的时候，可能只是针对一个产品，但是对于你背景的适应性，一般会告诉技术预留这个领域；横幅名称:由操作员自己定义的字段。有时，该字段也可用作横幅显示名称内容的采集字段。Banner location:这个字段也可以定义为扩展字段，不可能只有一个页面上有广告位；权重:该字段一般用于设置banner在卡片前端的显示位置。例如，如果在同一页面上设置了六个横幅，则这六个横幅的排列顺序由该字段设置；图片:一般用于预览；上架状态:该字段一般根据您设置的上架时间和下架时间，根据当前时间判断横幅的状态。一般可分为待上架、在架和下架。分的比较细，去掉的可以分为去掉的和过期的；开始时间和结束时间用于控制banner前端展示的时间；操作为编辑:用于修改该横幅的设置内容。
2.添加新页面
横幅管理列表页面的列表数据来源是什么？至于新页面的来源，新页面是通过添加banner来设置的。
在新页面的特殊描述中添加接下来的两个字段，其余字段已经在列表页面中描述过了。
众所周知，APP中有三种横幅展示:
第一张是公告的图片，没有任何跳转；第二种是点击跳转到一个网页，这个网页叫外链；第三个是还可以点击跳转，是APP里的原生页面。这两个字段，TAG和URL地址，是前端交互用来区分这个的字段。
通常标签是事先定义好的，用来指定banner显示哪一个。
标签技术可以分为两种类型。跳转到APP原生页面时，不需要输入外部链接地址。当是外链页面时，需要输入外链地址。
3.编辑页面
该页面与新添加的页面相同，除了产品、横幅位置等唯一区分字段不能更改外，其余均可编辑修改。
4.删除横幅
一般在可视化的后台，不做删除。例如，前面提到的横幅状态[下架]表示过期的横幅或正在运行中的横幅下架，它被保存并记录在列表页面中以供可选查看。
如有必要，可以在数据库中进行这样的删除。或者在可视化的操作栏中增加删除操作，但是需要日志处理。
5.搜索
搜索可以根据你设置的具体字段进行分类。在本文中，你可以从上面的视觉背景界面中看到。对于搜索，您可以根据产品名称/横幅的位置/横幅的状态进行搜索。您还可以添加一个输入查询项:banner的名称，以便对相应的banner进行模糊搜索和查询。
也就是我只对APP中广告位的视觉背景做一个简单的说明。只是简单试用的初级水平。期待各位批评指正。我们会一起进步，也欢迎朋友们给我们更完美的学习计划。
本文由@酸辣土豆丝原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。
