一種第三方內(nèi)容展示前端、服務(wù)器及方法
【專利摘要】本發(fā)明公開了一種第三方內(nèi)容展示前端、服務(wù)器及方法。所述前端包括展示模塊，用于顯示第三方內(nèi)容；服務(wù)器請求模塊，用于根據(jù)所述展示模塊的內(nèi)容標記，制作需要展示的第三方內(nèi)容清單，并提交給請求服務(wù)器端；服務(wù)器響應(yīng)模塊，用于接收服務(wù)器端發(fā)送的第三方內(nèi)容。所述服務(wù)器包括前端請求模塊，用于接收前端發(fā)送的需要展示的第三方內(nèi)容清單；內(nèi)容庫，用于存儲第三方提供的內(nèi)容；前端響應(yīng)模塊，用于向前端發(fā)送需要展示的第三方內(nèi)容。所述方法包括(1)獲取第三方提供的內(nèi)容存儲為內(nèi)容庫；(2)獲取前端需要展示的第三方內(nèi)容清單；(3)對于所述清單中的每一條需要展示的第三方內(nèi)容，在內(nèi)容庫中獲取相應(yīng)內(nèi)容數(shù)據(jù)。本發(fā)明邏輯集成，維護方便。
【專利說明】
一種第三方內(nèi)容展示前端、服務(wù)器及方法
技術(shù)領(lǐng)域
[0001]本發(fā)明屬于互聯(lián)網(wǎng)技術(shù)領(lǐng)域，更具體地，涉及一種第三方內(nèi)容展示方法及系統(tǒng)。
【背景技術(shù)】
[0002]目前，網(wǎng)頁展示服務(wù)器，在前端的開發(fā)模式是根據(jù)需要展示的內(nèi)容和場景，如廣告的內(nèi)容和場景，獨立開發(fā)。當展示內(nèi)容較多或者不確定時，獨立開發(fā)每個展示內(nèi)容的邏輯，穿插在其他網(wǎng)頁內(nèi)容中，使得網(wǎng)頁邏輯變得復雜，極大的增加了網(wǎng)站的維護成本。

【發(fā)明內(nèi)容】

[0003]針對現(xiàn)有技術(shù)的以上缺陷或改進需求，本發(fā)明提供了一種第三方內(nèi)容展示前端、服務(wù)器及方法，其目的在于提供一種集中處理第三方內(nèi)容展示的系統(tǒng)及方法，集成獨立的展示邏輯，從而降低網(wǎng)頁開發(fā)的難度，方便網(wǎng)站維護，由此解決現(xiàn)有技術(shù)在第三方內(nèi)容較多的情況下，網(wǎng)頁邏輯復雜、網(wǎng)站維護成本高的技術(shù)問題。
[0004]為實現(xiàn)上述目的，按照本發(fā)明的一個方面，提供了一種第三方內(nèi)容展示前端，包括:
[0005]展示模塊，用于按照內(nèi)容標記顯示第三方內(nèi)容數(shù)據(jù)；
[0006]所述展示模塊，可記錄標記語言編寫的展示信息，并指定用于展示第三方內(nèi)容的位置及空間。
[0007]服務(wù)器請求模塊，用于根據(jù)所述展示模塊的內(nèi)容標記，制作需要展示的第三方內(nèi)容清單，并提交給請求服務(wù)器端；
[0008]服務(wù)器響應(yīng)模塊，用于接收服務(wù)器端發(fā)送的第三方內(nèi)容數(shù)據(jù)。
[0009 ]優(yōu)選地，所述第三方內(nèi)容展示前端，其還包括:
[0010]控制模塊，用于按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容數(shù)據(jù)轉(zhuǎn)化為相應(yīng)樣式。
[0011]優(yōu)選地，所述第三方內(nèi)容展示前端，其樣式類型包括圖片、flash、以及flash內(nèi)聯(lián)。
[0012]按照本發(fā)明的另一個方面，提供了一種第三方內(nèi)容展示服務(wù)器，包括:
[0013]前端請求模塊，用于接收前端發(fā)送的需要展示的第三方內(nèi)容清單；
[0014]內(nèi)容庫，用于存儲第三方提供的內(nèi)容數(shù)據(jù)；
[0015]所述內(nèi)容數(shù)據(jù)包括第三方展示素材和第三方擴展的渲染邏輯；
[0016]前端響應(yīng)模塊，用于向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。
[0017]優(yōu)選地，所述第三方內(nèi)容展示服務(wù)器，其所述前端響應(yīng)模塊用于根據(jù)前端請求模塊提供的第三方內(nèi)容清單在內(nèi)容庫中獲取第三方提供的相應(yīng)內(nèi)容，并向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。
[0018]優(yōu)選地，所述第三方內(nèi)容展示服務(wù)器，其所述前端響應(yīng)模塊用于當所述內(nèi)容庫內(nèi)容更新時向前端發(fā)送需要展示的第三方內(nèi)容。
[0019]按照本發(fā)明的另一個方面，提供了一種第三方內(nèi)容顯示方法，包括以下步驟:
[0020](I)獲取第三方提供的內(nèi)容數(shù)據(jù)存儲為內(nèi)容庫；
[0021](2)獲取前端需要展示的第三方內(nèi)容清單；
[0022](3)對于步驟(2)中獲取的清單中的每一條需要展示的第三方內(nèi)容，在步驟(I)中的內(nèi)容庫中獲取相應(yīng)需要展示的內(nèi)容數(shù)據(jù)；
[0023 ]優(yōu)選地，所述顯示方法，其包括以下步驟:
[0024](4)當步驟(3)中獲取的內(nèi)容數(shù)據(jù)為空數(shù)據(jù)時，刪除所述需要展示的第三方內(nèi)容清單中的相應(yīng)條目。
[0025]優(yōu)選地，所述顯示方法，其步驟(2)所述需要展示的第三方內(nèi)容清單，由前端向服務(wù)器請求獲取或服務(wù)器主動向前端推送獲取。
[0026]優(yōu)選地，所述顯示方法，其步驟(I)所述的內(nèi)容包括圖片、flash、flash內(nèi)聯(lián)等素材以及第三方擴展的渲染；
[0027]步驟(3)當所述內(nèi)容庫中存儲的數(shù)據(jù)需要渲染時，所述需要展示的內(nèi)容數(shù)據(jù)為渲染后的數(shù)據(jù)，優(yōu)選按照第三方擴展的渲染邏輯進行渲染。總體而言，通過本發(fā)明所構(gòu)思的以上技術(shù)方案與現(xiàn)有技術(shù)相比，由于集中了獨立的第三方內(nèi)容展示邏輯，能夠取得下列有益效果:
[0028]第三方內(nèi)容展示邏輯與網(wǎng)站本身的業(yè)務(wù)邏輯相互獨立、互不影響，對于網(wǎng)站性能如加載速度影響較小，同時易于維護和擴展。
【附圖說明】
[0029]圖1是本發(fā)明提供的第三方內(nèi)容展示前端及服務(wù)器的結(jié)構(gòu)示意圖；
[0030]圖2是本發(fā)明提供的第三方內(nèi)容展示方法的流程示意圖；
[0031]圖3是本發(fā)明實施例3提供的第三方內(nèi)容展示方法的流程示意圖。
【具體實施方式】
[0032]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖及實施例，對本發(fā)明進行進一步詳細說明。應(yīng)當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。此外，下面所描述的本發(fā)明各個實施方式中所涉及到的技術(shù)特征只要彼此之間未構(gòu)成沖突就可以相互組合。
[0033]本發(fā)明提供的第三方內(nèi)容展示前端，如圖1所示，包括:
[0034]展示模塊，用于按照內(nèi)容標記顯示第三方內(nèi)容數(shù)據(jù)；
[0035]所述展示模塊，可記錄標記語言編寫的展示信息，并指定用于展示第三方內(nèi)容的位置及空間。
[0036]服務(wù)器請求模塊，用于根據(jù)所述展示模塊的內(nèi)容標記，制作需要展示的第三方內(nèi)容清單，并提交給請求服務(wù)器端；
[0037]服務(wù)器響應(yīng)模塊，用于接收服務(wù)器端發(fā)送的第三方內(nèi)容數(shù)據(jù)；
[0038]控制模塊，用于按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容數(shù)據(jù)轉(zhuǎn)化為相應(yīng)樣式。
[0039]所述樣式類型包括圖片、flash、flash內(nèi)聯(lián)等形式。所述按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容顯示在展示模塊中。
[0040]本發(fā)明提供的第三方內(nèi)容展示服務(wù)器，如圖1所示，包括:
[0041]前端請求模塊，用于接收前端發(fā)送的需要展示的第三方內(nèi)容清單；
[0042]內(nèi)容庫，用于存儲第三方提供的內(nèi)容數(shù)據(jù)；
[0043]所述內(nèi)容數(shù)據(jù)包括第三方展示素材和第三方擴展的渲染邏輯
[0044]前端響應(yīng)模塊，用于向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。
[0045]所述前端響應(yīng)模塊優(yōu)選用于根據(jù)前端請求模塊提供的第三方內(nèi)容清單在內(nèi)容庫中獲取第三方提供的相應(yīng)內(nèi)容數(shù)據(jù)，并向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù);優(yōu)選也用于當內(nèi)容庫內(nèi)容更新時向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。
[0046]本發(fā)明提供的第三方內(nèi)容展示方法，如圖2所示，包括以下步驟:
[0047](I)獲取第三方提供的內(nèi)容數(shù)據(jù)存儲為內(nèi)容庫；
[0048]所述內(nèi)容包括圖片、flash、flash內(nèi)聯(lián)等素材以及第三方擴展的渲染邏輯。
[0049](2)獲取前端需要展示的第三方內(nèi)容清單；
[0050]所述需要展示的第三方內(nèi)容，可由前端向服務(wù)器請求獲取或服務(wù)器主動向前端推送獲取。
[0051](3)對于步驟(2)中獲取的清單中的每一條需要展示的第三方內(nèi)容，在步驟(I)中的內(nèi)容庫中獲取相應(yīng)需要展示的內(nèi)容數(shù)據(jù)；
[0052]當所述內(nèi)容庫中存儲的數(shù)據(jù)需要渲染時，所述需要展示的內(nèi)容數(shù)據(jù)為渲染后的數(shù)據(jù)，優(yōu)選按照第三方擴展的渲染邏輯進行渲染。
[0053](4)當步驟(3)中獲取的內(nèi)容數(shù)據(jù)為空數(shù)據(jù)時，刪除所述需要展示的第三方內(nèi)容清單中的相應(yīng)條目。
[0054]以下為實施例:
[0055]實施例1
[0056]一種第三方內(nèi)容展示前端，為第三方廣告展示前端，包括:
[0057]展示模塊，用于按照內(nèi)容標記顯示第三方內(nèi)容數(shù)據(jù)；
[0058]所述展示模塊，用html語言編寫，通過瀏覽器在指定的位置按照指定的大小顯示廣告內(nèi)容。
[0059]服務(wù)器請求模塊，用于根據(jù)所述展示模塊的內(nèi)容標記，制作需要展示的第三方內(nèi)容清單，并提交給請求服務(wù)器端；
[0060]包括腳本語言編寫的廣告數(shù)據(jù)請求接口，調(diào)用flashplayer，向服務(wù)器請求第三方廣告數(shù)據(jù)。所述腳本語言嵌入在html標記語言中，優(yōu)選采用javascript。
[0061 ]服務(wù)器響應(yīng)模塊，用于接收服務(wù)器端發(fā)送的第三方內(nèi)容；
[0062]包括用于清染的f lashplayer和嵌入html的腳本語言，所述腳本語言優(yōu)選為javascript ο
[0063]渲染采用以下方法:
[0064]A、遍歷第三方擴展的渲染邏輯，如果滿足其中一個渲染邏輯，則執(zhí)行所述渲染邏輯并結(jié)束，否則進行默認渲染；
[0065]B、默認渲染:當所述內(nèi)容為圖片素材，進行圖片默認渲染；當所述內(nèi)容為flash素材時，進行flash默認清染;當所述內(nèi)容為flash內(nèi)聯(lián)素材時，進行flash內(nèi)聯(lián)默認清染。
[0066]控制模塊，用于按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容轉(zhuǎn)化為相應(yīng)樣式。
[0067]所述樣式類型包括圖片、flash、flash內(nèi)聯(lián)等形式。所述按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容顯示在展示模塊中。所述控制模塊，優(yōu)選采用CSS編寫，控制響應(yīng)模塊發(fā)送的第三方內(nèi)容為圖片、flash、f Iash內(nèi)聯(lián)或其他相應(yīng)樣式。
[0068]實施例2
[0069]一種第三方內(nèi)容展示服務(wù)器，為第三方廣告展示服務(wù)器，包括:
[0070]前端請求模塊，用于接收前端發(fā)送的需要展示的第三方廣告清單；
[0071 ]內(nèi)容庫，用于存儲第三方提供的內(nèi)容;所述第三方提供的內(nèi)容包括廣告素材和第三方擴展的渲染邏輯。
[0072]前端響應(yīng)模塊，用于向前端發(fā)送需要展示的第三方廣告內(nèi)容。所述前端響應(yīng)模塊，可根據(jù)前端請求模塊的請求，向前端發(fā)送需要展示的第三方廣告，也可當內(nèi)容庫更新時，主動向前端發(fā)送第三方廣告內(nèi)容。
[0073]實施例3
[0074]一種第三方內(nèi)容展示方法，為第三方廣告內(nèi)容展示方法，如圖3所示，包括以下步驟:
[0075](I)獲取第三方提供的內(nèi)容數(shù)據(jù)存儲為內(nèi)容庫；
[0076]所述內(nèi)容包數(shù)據(jù)括圖片、flash、fIash內(nèi)聯(lián)等形式。
[0077](2)獲取前端需要展示的第三方內(nèi)容清單；
[0078]所述需要展示的第三方內(nèi)容數(shù)據(jù)，可由前端向服務(wù)器請求獲取或服務(wù)器主動向前端推送獲取。
[0079]所述前端頁面采用html編寫，對于聲明式廣告加載，可在html中預先配置廣告數(shù)據(jù)，例如:
[0080]<div data-sign=” 1000”>〈/div>
[0081]div為html里面的區(qū)塊元素，data-sign為div的屬性，表示需要加載的廣告編號。
[0082]如果不需要申明式的廣告加載，則忽略此步驟。
[0083]所述前端頁面內(nèi)所有的廣告編號集合形成所述第三方內(nèi)容清單。
[0084](3)對于步驟(2)中獲取的清單中的每一條需要展示的第三方內(nèi)容數(shù)據(jù)，在步驟
(I)中的內(nèi)容庫中獲取相應(yīng)需要展示的內(nèi)容數(shù)據(jù)；
[0085]頁面加載完成后，javascript自動加載css文件和flash文件。
[0086]Javascr ipt將所述第三方內(nèi)容清單傳遞給f lahsplayer，f Iashplayer向服務(wù)器請求清單載明的第三方廣告數(shù)據(jù)。待f Iashplayer請求服務(wù)器結(jié)束響應(yīng)，將響應(yīng)結(jié)果傳遞給javascript ο
[0087]當所述內(nèi)容庫中存儲的數(shù)據(jù)需要渲染時，所述需要展示的內(nèi)容數(shù)據(jù)為渲染后的數(shù)據(jù)。Javascript獲取第三方廣告數(shù)據(jù)后，對于每一條數(shù)據(jù)按照如下步驟進行渲染:
[0088]A、遍歷第三方擴展的渲染邏輯，如果滿足其中一個渲染邏輯，則執(zhí)行所述渲染邏輯并結(jié)束，否則進行默認渲染;所述第三方擴展的渲染邏輯存儲于服務(wù)器內(nèi)容庫中。
[0089]B、默認渲染:當所述內(nèi)容數(shù)據(jù)為圖片素材，進行圖片默認渲染；當所述內(nèi)容數(shù)據(jù)為flash素材時，進行flash默認渲染；當所述內(nèi)容數(shù)據(jù)為flash內(nèi)聯(lián)素材時，進行flash內(nèi)聯(lián)默認渲染。
[0090](4)當步驟(3)中獲取的數(shù)據(jù)為空數(shù)據(jù)時，刪除所述需要展示的第三方內(nèi)容清單中的相應(yīng)條目。
[0091]待所有的第三方廣告數(shù)據(jù)被javascript渲染完后，如果廣告數(shù)據(jù)的請求是由javascript發(fā)起，javascript會將無數(shù)據(jù)的廣告節(jié)點進行銷毀，比如:
[0092]〈div data-sign=” 1000”>〈/div>
[0093]廣告編號為:1000的廣告沒有數(shù)據(jù)，javascript會將div進行刪除。
[0094]本領(lǐng)域的技術(shù)人員容易理解，以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。
【主權(quán)項】
1.一種第三方內(nèi)容展示前端，其特征在于，包括: 展示模塊，用于按照內(nèi)容標記顯示第三方內(nèi)容數(shù)據(jù)； 服務(wù)器請求模塊，用于根據(jù)所述展示模塊的內(nèi)容標記，制作需要展示的第三方內(nèi)容清單，并提交給請求服務(wù)器端； 服務(wù)器響應(yīng)模塊，用于接收服務(wù)器端發(fā)送的第三方內(nèi)容數(shù)據(jù)。2.如權(quán)利要求1所述的第三方內(nèi)容展示前端，其特征在于，還包括: 控制模塊，用于按照樣式類型，將響應(yīng)模塊發(fā)送的第三方內(nèi)容數(shù)據(jù)轉(zhuǎn)化為相應(yīng)樣式。3.如權(quán)利要求2所述的第三方內(nèi)容展示前端，其特征在于，所述樣式類型包括圖片、flash、以及flash內(nèi)聯(lián)。4.一種第三方內(nèi)容展示服務(wù)器，其特征在于，包括: 前端請求模塊，用于接收前端發(fā)送的需要展示的第三方內(nèi)容清單； 內(nèi)容庫，用于存儲第三方提供的內(nèi)容數(shù)據(jù)； 所述內(nèi)容數(shù)據(jù)包括第三方展示素材和第三方擴展的渲染邏輯； 前端響應(yīng)模塊，用于向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。5.如權(quán)利要求4所述的第三方內(nèi)容展示服務(wù)器，其特征在于，所述前端響應(yīng)模塊用于根據(jù)前端請求模塊提供的第三方內(nèi)容清單在內(nèi)容庫中獲取第三方提供的相應(yīng)內(nèi)容數(shù)據(jù)，并向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。6.如權(quán)利要求4所述的第三方內(nèi)容展示服務(wù)器，其特征在于，所述前端響應(yīng)模塊用于當所述內(nèi)容庫內(nèi)容更新時向前端發(fā)送需要展示的第三方內(nèi)容數(shù)據(jù)。7.—種第三方內(nèi)容顯示方法，其特征在于，包括以下步驟: (1)獲取第三方提供的內(nèi)容數(shù)據(jù)存儲為內(nèi)容庫； (2)獲取前端需要展示的第三方內(nèi)容清單； (3)對于步驟(2)中獲取的清單中的每一條需要展示的第三方內(nèi)容，在步驟(I)中的內(nèi)容庫中獲取相應(yīng)需要展示的內(nèi)容數(shù)據(jù)。8.如權(quán)利要求7所述的顯示方法，其特征在于，包括以下步驟: (4)當步驟(3)中獲取的內(nèi)容數(shù)據(jù)為空數(shù)據(jù)時，刪除所述需要展示的第三方內(nèi)容清單中的相應(yīng)條目。9.如權(quán)利要求7所述的第三方顯示方法，其特征在于，步驟(2)所述需要展示的第三方內(nèi)容清單，由前端向服務(wù)器請求獲取或服務(wù)器主動向前端推送獲取。10.如權(quán)利要求7所述的第三方顯示方法，其特征在于，步驟(I)所述的內(nèi)容包括圖片、flash、flash內(nèi)聯(lián)等素材以及第三方擴展的清染； 步驟(3)當所述內(nèi)容庫中存儲的數(shù)據(jù)需要渲染時，所述需要展示的內(nèi)容數(shù)據(jù)為渲染后的數(shù)據(jù)，優(yōu)選按照第三方擴展的渲染邏輯進行渲染。
【文檔編號】G06F17/30GK106095945SQ201610417469
【公開日】2016年11月9日
【申請日】2016年6月15日 公開號201610417469.4, CN 106095945 A, CN 106095945A, CN 201610417469, CN-A-106095945, CN106095945 A, CN106095945A, CN201610417469, CN201610417469.4
【發(fā)明人】杜偉
【申請人】武漢斗魚網(wǎng)絡(luò)科技有限公司