中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

針對APP端的banner展示，怎樣做到前后端的有機組合，方便運營人員自行操作（隨時更改）廣告位呢？本文簡單的將可視化banner后臺的邏輯做以說明。

百度百科上我們可以看到對banner的定義即“橫幅廣告（Banner Ad.）是網(wǎng)絡(luò)廣告最早采用的形式，也是目前最常見的形式。橫幅廣告又稱旗幟廣告，它是橫跨于網(wǎng)頁上的矩形公告牌，當(dāng)用戶點擊這些橫幅的時候，通?？梢枣溄拥綇V告主的網(wǎng)頁?！?/p>

在APP端或者PC端，我們經(jīng)?？吹礁鞣N各樣大小的廣告，有動態(tài)和靜態(tài)區(qū)分，一般均為可點擊的，或者為了宣告而增加的靜態(tài)通知圖片。

那么針對APP端的banner展示，怎樣做到前后端的有機組合，方便運營人員自行操作（隨時更改）廣告位呢，接下來，我就簡單的將可視化banner后臺的邏輯做以說明。

前端banner展示

我們經(jīng)?？吹?，banner存在一個APP的首頁，位置可以在頂部，中部或者底部。通常以輪播圖的形式展示，3秒/5秒進行輪播。

例如下圖這種在首頁中部的輪播展示banner圖：

展示形式分兩種：一種是靜態(tài)的廣告圖，另一種是動態(tài)的廣告圖；

前端交互分兩種：一種是不可點擊的，僅僅是展示一張圖片，另一種是可點擊的，點擊進入對應(yīng)的網(wǎng)頁或者端內(nèi)頁面。

通常情況下，banner都會有一個默認(rèn)的一直存在的頁面，但處特殊情況下的頁面，當(dāng)需要的時候，廣告位展示出來，當(dāng)不需要的時候，廣告位隱藏。

舉例，比如說通常像首頁的banner，就算沒有輪播的banner圖，通常也都會有一個默認(rèn)的圖片。但像一些特殊頁面的廣告位，用股票APP來說，新股申購頁面的特殊廣告位，當(dāng)有國際配售的新股的時候，廣告位會展示出來，方便用戶申購，當(dāng)沒有新股的時候，廣告位就會隱藏。

例如下圖展示的這種，特殊頁面的banner是可以設(shè)置成隱藏的，無國際配售的時候banner隱藏不展示。

那到底前端的banner展示，怎么做一個可視化的后臺頁面呢，下面進行介紹

后臺頁面

1. banner管理列表頁

一般這個列表展示的字段，通常都來源于添加banner時候的定義字段。

具體的字段還是要依據(jù)你們業(yè)務(wù)的復(fù)雜程度而定，但通常情況下，以下這些字段是必須存在的：

• 產(chǎn)品：這個可以定義為擴展字段，開始做這個功能的時候，可能僅僅是針對一個產(chǎn)品，但為了你這個后臺的適配性，一般會告訴技術(shù)把這個字段預(yù)留出來；
• banner名稱：運營人員自行定義區(qū)分的字段，有時候該字段也可用來作為banner展示名稱內(nèi)容的獲取字段；
• banner位置：該字段也可定義為是一個擴展字段，不可能僅僅一個頁面上存在廣告位；
• 權(quán)重：該字段一般是設(shè)置banner在卡前端的展示位置，比如說有同一頁面上設(shè)置了6個banner，那這6個banner的排列順序由該字段設(shè)置；
• 圖片：一般是做預(yù)覽用的；
• 上架狀態(tài)：這個字段一般是根據(jù)你設(shè)置的banner上架時間和下架時間根據(jù)當(dāng)前時間來判斷該banner的狀態(tài)，一般分為待上架，上架中，已下架。分的更細(xì)一點，已下架可以在分為下架和已過期；
• 開始時間和結(jié)束時間用來控制banner在前端展示的時間；
• 操作般就是編輯：用來修改此條banner的設(shè)置內(nèi)容。

2. 新增頁面

banner管理列表頁的列表數(shù)據(jù)來源于什么呢，就來源新增頁面，新增頁面是位添加一個banner而設(shè)置的。

新增頁面中特殊說明下一下兩個字段，其余字段在列表頁中已做說明。

我們都知道，APP中的banner展現(xiàn)分為三種：

• 第一種就一張宣告的圖片，無任何跳轉(zhuǎn)；
• 第二種是點擊之后，跳轉(zhuǎn)到一個網(wǎng)頁，稱之為外部鏈接；
• 第三種是也可點擊跳轉(zhuǎn)，跳轉(zhuǎn)的是APP內(nèi)的原生頁面。

那這兩個字段TAG和URL地址，就是為了區(qū)分這個而建立的用于前后端進行交互的字段。

通常是事先定義好TAG，用它來特指是banner展示的哪一種。

TAG技術(shù)會分兩種，當(dāng)是跳轉(zhuǎn)到APP原生頁面，無需輸入外部鏈接地址。當(dāng)為外部鏈接頁面的時候，則需輸入外部鏈接地址。

3. 編輯頁面

該頁面同新增頁面，除了向產(chǎn)品，banner位置這種用來唯一區(qū)分的字段不可更改外，其余的均可編輯修改

4. 刪除banner

一般情況下，在可視化的后臺中，不做刪除操作。例如我們前邊說到的banner狀態(tài)【下架】來表示已過期的banner或者中途操作下架的banner，保存記錄在列表頁中，可供選擇查看。

像這種情況的刪除非要做的話可以在數(shù)據(jù)庫中操作。或者在可視化中操作一欄增加刪除操作，但需做好日志處理。

5. 搜索

搜索可以視你設(shè)置的具體字段進行分類，本文中，從上述的可視化后臺界面可以看出。針對搜索，可根據(jù)產(chǎn)品名稱/banner的位置/banner的狀態(tài)進行搜索。也可增加輸入查詢項：banner的名稱進行模糊搜索查詢到對應(yīng)的banner

以上就是我僅針對APP內(nèi)的廣告位（banner）的可視化后臺做簡單說明。僅僅是簡單試用的初級層面，期待您的批評指正，我們一同進步，也歡迎小伙伴給出更完美的方案供學(xué)習(xí)。

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

題圖來自Unsplash，基于CC0協(xié)議