編輯導(dǎo)語(yǔ)：廣告模塊設(shè)計(jì)廣告能夠?yàn)榫W(wǎng)頁(yè)帶來(lái)很多的增色效果和盈利，廣告模塊的設(shè)計(jì)對(duì)網(wǎng)站來(lái)說(shuō)非常重要。本文以廣告模塊設(shè)計(jì)為主題進(jìn)行了分析，作者分享了他對(duì)廣告模塊的構(gòu)思。希望能給您帶來(lái)一些幫助。

一、廣告模塊構(gòu)思圖

二、廣告流程節(jié)點(diǎn)

三、后臺(tái)需求

1. 廣告管理和日志管理后臺(tái)入口

【日志管理】中新增廣告日志管理的二級(jí)菜單。廣告管理的入口位置在【運(yùn)營(yíng)管理】，新增一個(gè)廣告管理的二級(jí)菜單，廣告管理分別有兩個(gè)子菜單：廣告位管理、廣告發(fā)布記錄。

2. 廣告位管理

（1）列表

廣告位列表中顯示系統(tǒng)中所有廣告位項(xiàng)目。

字段說(shuō)明：

• 列表展示順序按照廣告位ID數(shù)字1開(kāi)始的自增倒序顯示；
• 廣告位ID：寫(xiě)死，按照1開(kāi)始的自增倒敘顯示；
• 廣告名稱(chēng)：寫(xiě)死廣告位名稱(chēng)，分別是xxx、xxx、xxx；
• 廣告類(lèi)型：寫(xiě)死，首頁(yè)插屏-插屏、首頁(yè)底部banner-banner、首頁(yè)頂部banner-banner；
• 更新時(shí)間：最新編輯廣告位的時(shí)間；
• 操作：

編輯：

• 點(diǎn)擊編輯按鈕彈出編輯彈窗；
• 保存：對(duì)已編輯的信息進(jìn)行保存，但不發(fā)布廣告；立即發(fā)布：對(duì)已編輯的信息進(jìn)行保存且發(fā)布（發(fā)布：生成一條廣告發(fā)布記錄）；

發(fā)布：

用戶(hù)點(diǎn)擊發(fā)布按鈕時(shí)需校驗(yàn)同一個(gè)廣告位的有效時(shí)間的開(kāi)始和結(jié)束時(shí)間是否有重復(fù)的，若有重復(fù)的則需提示用戶(hù)：“發(fā)布失敗同一個(gè)廣告位的有效時(shí)間存在重復(fù)，請(qǐng)仔細(xì)檢查！”；

彈出確認(rèn)框，確定即生成一條廣告發(fā)布記錄。

（2）廣告詳情

（3）編輯廣告

基本信息：

• 廣告名稱(chēng)：不可編輯、寫(xiě)死；
• 廣告類(lèi)型：不可編輯，寫(xiě)死，首頁(yè)插屏-插屏、首頁(yè)底部banner-banner、首頁(yè)頂部banner-banner；
• 廣告圖：只允許上傳一張，廣告圖的尺寸由UI定義，大小由開(kāi)發(fā)定義；

廣告圖跳轉(zhuǎn)地址分三種情況：

1. 選擇應(yīng)用內(nèi)地址，默認(rèn)寫(xiě)死xxxxxxx（頁(yè)面待定），點(diǎn)擊廣告圖跳轉(zhuǎn)到對(duì)應(yīng)頁(yè)面內(nèi)；
2. 選擇不跳轉(zhuǎn)則點(diǎn)擊無(wú)法跳轉(zhuǎn)，默認(rèn)不跳轉(zhuǎn)；
3. 選擇自定義頁(yè)面，展示富文本框，需在富文本框中編輯頁(yè)面內(nèi)容，該頁(yè)面寫(xiě)在應(yīng)用內(nèi)，專(zhuān)門(mén)用來(lái)做插屏/banner廣告自定義頁(yè)面。

小程序內(nèi)跳轉(zhuǎn)地址為：

• 不跳轉(zhuǎn)；
• 跳轉(zhuǎn)至XX頁(yè)面；
• 跳轉(zhuǎn)至XX頁(yè)面；
• 自定義頁(yè)面。

規(guī)則設(shè)置：

頻次：僅在廣告類(lèi)型是插屏?xí)r展示，頻次選項(xiàng)，寫(xiě)死一下三個(gè)選項(xiàng)；

1. 每進(jìn)入一次應(yīng)用的該頁(yè)面展示一次：用戶(hù)在有效時(shí)間每重新進(jìn)入一次應(yīng)用的該頁(yè)面展示一次廣告，即應(yīng)用后臺(tái)關(guān)閉后重新進(jìn)入一次該頁(yè)面則展示一次；
2. 有效時(shí)間內(nèi)該頁(yè)面只展示一次：用戶(hù)在有效時(shí)間內(nèi)；
3. 每進(jìn)入該頁(yè)面一次展示一次：用戶(hù)在有效時(shí)間內(nèi)每次進(jìn)入該頁(yè)面展示一次廣告；

有效時(shí)間：

1. 若該廣告存在狀態(tài)為“未開(kāi)始或者進(jìn)行中”狀態(tài)的廣告，則選擇的時(shí)間不可與當(dāng)前存在這兩個(gè)狀態(tài)下的廣告的有效時(shí)間重復(fù)（將這兩個(gè)廣告的有效時(shí)間置灰，不可選），若時(shí)間跨度包含了已存在的有效時(shí)間，如：A 11月20日-11月21日已存在，B選擇了11月18日-11月底，則11月20日-11月21日不展示B而展示A，時(shí)間重復(fù)只展示一個(gè)（哪個(gè)先添加展示哪個(gè)）；
2. 結(jié)束時(shí)間可以選擇“永遠(yuǎn)”（即無(wú)結(jié)束時(shí)間） ；

（4）發(fā)布廣告

彈出確認(rèn)框，確定即生成一條廣告發(fā)布記錄。

3. 廣告發(fā)布記錄

存放已經(jīng)生成的廣告。

字段說(shuō)明：

• 列表展示順序按照發(fā)布廣告的時(shí)間倒序顯示；
• 廣告記錄ID：按照1開(kāi)始的自增倒敘顯示；
• 廣告ID、名稱(chēng)：從廣告位中附帶過(guò)來(lái)；
• 跳轉(zhuǎn)地址：點(diǎn)擊廣告圖后跳轉(zhuǎn)的地址；
• 有效時(shí)間：廣告展示的有效時(shí)間（注：若一定時(shí)間段內(nèi)有廣告，則在已確定的位置展示廣告，若無(wú)則不展示）；
• 狀態(tài)：已結(jié)束（到了有效期自動(dòng)結(jié)束、手動(dòng)結(jié)束）、未開(kāi)始（未到開(kāi)始時(shí)間）、進(jìn)行中（在有效時(shí)間內(nèi)）；
• 結(jié)束時(shí)間：即廣告展示的實(shí)際結(jié)束時(shí)間；
• 操作：

編輯：

可以對(duì)狀態(tài)為未開(kāi)始和進(jìn)行中狀態(tài)的廣告位進(jìn)行編輯。

結(jié)束：

可以對(duì)狀態(tài)為未開(kāi)始和進(jìn)行中狀態(tài)的廣告位進(jìn)行結(jié)束，點(diǎn)擊結(jié)束彈出結(jié)束確認(rèn)彈窗，需填寫(xiě)結(jié)束原因。

詳情：

4. 日志列表

存放點(diǎn)擊過(guò)廣告的用戶(hù)信息。

字段說(shuō)明：

• 列表展示順序按照點(diǎn)擊時(shí)間倒序顯示；
• 日志記錄ID：按照1開(kāi)始的自增倒敘顯示；
• 廣告ID、名稱(chēng)：顯示用戶(hù)點(diǎn)擊的廣告位對(duì)于的ID和名稱(chēng)；
• 用戶(hù)ID：點(diǎn)擊廣告位的用戶(hù)的ID；
• 點(diǎn)擊時(shí)間：用戶(hù)點(diǎn)擊廣告的時(shí)間。

四、前臺(tái)需求

1. 廣告展示入口

• 首頁(yè)頂部新增banner展示位置；
• 首頁(yè)底部新增banner展示位置；
• 首頁(yè)新增插屏展示位置。

#專(zhuān)欄作家#

一只產(chǎn)品喵，微信公眾號(hào)：一只產(chǎn)品喵，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。擅長(zhǎng)于原型圖制作和需求挖掘，愛(ài)好寫(xiě)文章、繪畫(huà)、旅游等。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。