TWM541066U - 網頁廣告系統 - Google Patents

Description

網頁廣告系統

本創作提供一種網頁廣告系統，特別是一種可使用動畫影音檔案的網頁廣告系統。

廣告是增加曝光度一種手段，透過廣告來推廣產品或公司是現代相當普遍的行銷方法，廣告能夠在多少人中曝光便是該廣告的效益。而隨著網路技術的進步，上網人口不斷增加，網路成了一種新的媒體，自然也成了廣告曝光的管道。

而目前比較常見的網路廣告，多是單純的平面圖案，類似報紙等平面刊物的廣告方式。或著以簡單的動畫增添廣告色彩，例如閃爍的符號。網路技術的進步，讓影音訊息更容易在網路上播送，網路影音行銷也逐漸受到重視。然而，目前的網路影音訊息多半需要用戶自行點擊進入特定網站觀看，若是作為廣告用途，其效益相當有效。

多數網站會採用將影音廣告覆蓋在網頁上的方式，但是若是影音廣告面積過大，可能會干擾用戶閱讀網頁，造成反效果。對於行動裝置用戶來說，裝置直接載入影音訊息也會耗費大量的網路流量，產生額外的網路資費，對於用戶相當不便。

因此，如何更有效的在網頁上呈現影音廣告，便是本領域具通常知識者值得去思量地。

本創作提供一種能夠在網頁上顯示影音廣告的網頁廣告系統，並運用GIF動畫檔案減少網路下載量。

本創作提供一種網頁廣告系統，包括一伺服主機及至少一用戶端。伺服主機，儲存有多筆動畫檔案與多筆圖像檔案。用戶端適於瀏覽一網頁，網頁包括一廣告框架，廣告框架包括一判斷模組、一影音模組及一圖像模組。判斷模組適於判斷用戶端是否能夠直接撥放影音檔案。影音模組適於自伺服主機讀取動畫檔案或影音檔案，並播放動畫檔案或影音檔案。圖像模組適於自伺服主機讀取圖像檔案，當圖像模組被點擊，用戶端連接至一網路位址。其中，若用戶端無法直接撥放影音檔案，則影音模組撥放動畫檔案；若用戶端能夠直接撥放影音檔案，則影音模組撥放影音檔案。其中，影音模組播放該動畫檔案時，會記錄動畫檔案的播放秒數，當播放中的動畫檔案被點擊，影音模組會讀取與動畫檔案對應之一影音檔案，並從動畫檔案的播放秒數開始播放影音檔案。

上述之網頁廣告系統，其中，動畫檔案為圖像互換格式。

上述之網頁廣告系統，其中，伺服主機是從影音伺服器讀取影音檔案。

上述之網頁廣告系統，其中，影音檔案是儲存於伺服主機中。

上述之網頁廣告系統，其中，用戶端為行動裝置或個人電腦。

上述之網頁廣告系統，其中，廣告框架還包括一社群模組，社群模組適於將該動畫檔案、圖像檔案或影音檔案傳送至外部之社群網站。

上述之網頁廣告系統，其中，廣告框架還包括一裝置功能模組，該功能模組適於驅動用戶端之裝置功能。

上述之網頁廣告系統，其中，影音模組還包括一按鈕，當按鈕被點擊，影音模組播放動畫檔案或影音檔案。

10‧‧‧影音伺服器

100‧‧‧網頁廣告系統

110‧‧‧伺服主機

120‧‧‧用戶端

130‧‧‧網頁

140‧‧‧廣告框架

141‧‧‧影音模組

142‧‧‧圖像模組

143‧‧‧社群模組

144‧‧‧裝置功能模組

144a‧‧‧通話鈕

144b‧‧‧郵件鈕

144c‧‧‧簡訊鈕

圖1所繪示為本創作之網頁廣告系統。

圖2所繪示為網頁廣告系統之架構圖。

圖3所繪示為網頁與廣告框架的示意圖。

圖4所繪示為廣告框架之示意圖。

圖5所繪示為另一實施例之廣告框架。

圖6所繪示為又一實施例之廣告框架。

圖7所繪示為另一實施例之廣告框架

請參閱圖1，圖1所繪示為本創作之網頁廣告系統100。網頁廣告系統100包括一伺服主機110與至少一用戶端120。伺服主機110中儲存了多筆動畫檔案與多筆的圖像檔案。圖像檔案是一種靜態的平面圖檔，例如jpg檔。每一個圖像檔案會對應到一個網路位址。

動畫檔案是一種動態圖像的圖檔，在本實施例中，動畫檔案為圖像互換格式(GIF，Graphics Interchange Format)，GIF的檔案體積小，且影像清晰，相當適合應用於行動裝置上。此外，每一個動畫檔案會對應到一個影音檔案，其動 畫檔案與對應的影音檔案具有相同的內容，例如長度、影像等。其中影音檔案是儲存於一個的影音伺服器10(例如Youtube)，並且是由伺服主機110從外部的影音伺服器10讀取影音檔案，其動畫檔案與影音檔案之對應用途容後再述。而在另一實施例中，影音檔案也能夠儲存於伺服主機110中的儲存模組(未繪示)，由伺服主機110直接讀取影音檔案。

在某些實施例中，伺服主機110從儲存模組或外部影音伺服器10讀取影音檔案後，會將影音檔案轉換成檔案體積較小的動畫檔案(例如GIF檔)，並保存在伺服主機110中。而將影音檔案轉換為動畫檔案的動作，可在本創作之網頁廣告系統100建立之時進行；隨後每當伺服主機110或影音伺服器10存入新的影音檔案後，亦可進行轉換。

用戶端120即為用戶所使用的裝置，例如為行動裝置(智慧型手機或平板電腦)或個人電腦(桌上型電腦或筆記型電腦)。用戶端120適於瀏覽一網頁130，在較佳實施例中，用戶端120是透過瀏覽器來瀏覽網頁，瀏覽器例如為Chrome、Firefox或IE等瀏覽器。在本創作中，該網頁130還包括一廣告框架140，廣告框架140是與伺服主機110連接，並會從伺服主機110讀取影音檔案、動畫檔案與圖像檔案，並加以播放與顯示，達到廣告效果。

請參閱圖2，圖2所繪示為網頁廣告系統之架構圖。廣告框架140包括了一影音模組141、一圖像模組142及一判斷模組145。在網頁開啟時，廣告框架140的影音模組141會從伺服主機110讀取動畫檔案或影音檔案並加以播放。圖像模組142則會從伺服主機110讀取圖像檔案，並將圖像檔案顯示。判斷模組145則適於判斷用戶端120之裝置是否能夠直接撥放影音檔案。

請參閱圖3，圖3所繪示為網頁與廣告框架的示意圖。在本實施例中，廣告框架140會顯示在網頁130的某處或覆蓋於網頁130之最上層。而廣告框架140中的影音模組141是設置在圖像模組142上方。換言之，用戶端120用戶所看到的廣告，將會是上方具有動態圖像；下方具有靜態圖像的廣告形式，但不限於此。本實施例之影音模組141在上、圖像模組142在下的位置配置僅為釋例，本領域具通常知識者應可得知，影音模組141與圖像模組142的位置配置還能夠採用不同的設計，如影音模組141在下、圖像模組142在上配置或影音模組141在左、圖像模組142在右。其中，影音模組141還包括一按鈕1411，在本實施例中，按鈕1411是一個聲音開關按鈕。

請參閱圖4，圖4所繪示為廣告框架之示意圖。在較佳實施例中，網頁130開啟之後，影音模組141所讀取的動畫檔案或影音檔案是可自動播放的。然而，在某些實施例中，用戶端110的裝置可能不支援自動播放影音檔案的功能，因此影音模組141會先播放動畫檔案，當用戶點擊影音模組141的區域或按鈕1411後，影音模組141便會開始播放影音檔案。換言之，點擊影音模組141或按鈕1411的動作，可作為影音模組141播放影音檔案的開關。另外，若用戶點擊圖像模組142上的圖像檔案，用戶端120就會連接到圖像檔案所對應的網路網址。也就是說，用戶只要點擊該圖像檔案，便可瀏覽進一步的廣告資訊，例如廣告刊登者的網站、商品購物頁面等。

由於某些裝置的架構限制，在廣告框架140開啟時，用戶端120的裝置是無法直接播放影音檔案的，例如智慧型手機或平板等行動裝置。而在本創作中，在影音模組141開始播放動畫檔案或影音檔案之前，判斷模組145會先判斷用戶端120的裝置是否能夠直接撥放影音檔案。若用戶端120的裝置能夠直接播放影音檔 案，影音模組141則直接播放影音檔案。反之，若用戶端120的裝置無法直接播放影音檔案，影音模組141則播放動畫檔案，例如是一個GIF的動畫檔案。

當用戶在動畫檔案的播放期間點擊影音模組141，此時影音模組141會從一個外部的影音伺服器10或伺服主機110載入對應的影音檔案，並且改成播放該影音檔案。也就是說，用戶只要點擊播放中的動畫檔案，即可觀看對應的影音檔案。而在影音檔案開始播放後，用戶便可透過按鈕1411來控制影音檔案的音量。

此外，影音模組141在播放動畫檔案時，會記錄動畫檔案所播放的秒數或進度。當播放中的動畫檔案被點擊，所載入的影音檔案也會從所記錄的秒數或進度開始播放，藉此可以直接接軌動畫檔案的播放進度，用戶便不需再重新觀看已播放過的部分影像。

請參閱圖5，圖5所繪示為另一實施例之廣告框架。本實施例之廣告框架140還包括一社群模組143，社群模組143適於將動畫檔案、圖像檔案或影音檔案傳送至外部的社群網站。也就是說，當用戶觀看廣告框架140中的廣告時，可透過社群模組143將該廣告之動畫檔案、圖像檔案或影音檔案傳分享到外部的社群網站上，例如：推特、Facebook或google+等網站。

請參閱圖6，圖6所繪示為又一實施例之廣告框架。在本實施例中，廣告框架140還包括一裝置功能模組144。而本實施例之用戶端120為智慧型手機或平板電腦等行動裝置，而裝置功能模組144則是於驅動用戶端120裝置的功能。例如，在圖6中裝置功能模組144包括了通話鈕144a、郵件鈕144b與簡訊鈕144c。具體來說，當用戶使用行動裝置查看廣告框架140時，用戶可點擊裝置功能模組144中的按鈕來驅動行動裝置的功能。例如：點擊通話鈕144a，便可用行動裝置直接撥號製廣告刊登的號碼中；點擊郵件鈕144b則可傳送郵件至廣告刊登者；點擊簡訊鈕 144c可傳送簡訊至廣告刊登者，透過上述行動裝置的功能，便可讓用戶直接與廣告刊登者聯繫。上述之通話鈕144a、郵件鈕144與簡訊鈕144c僅為釋例，本領域具通常知識者應可得知，還可在驅動其他功能，例如透過通訊軟體分享、開啟特定APP、執行APP下載等功能。

請參閱圖7，圖7所繪示為另一實施例之廣告框架。有別於前述實施例是將社群模組143與裝置功能模組144額外附加在廣告框架140周邊。在本實施例中，社群模組143與裝置功能模組144是整合在廣告框架140的顯示範圍內。換言之，社群模組143與裝置功能模組144是分別設置於影音模組141與圖像模組142上。在不同的實施例中，社群模組143與裝置功能模組144能夠設置在廣告框架140不同的位置。在較佳實施例中，可將社群模組143與裝置功能模組144的圖示縮小或透明化處理，使其不影響用戶閱覽廣告內容。

本創作之網頁廣告系統，提供一種可用於網頁上之廣告框架，並可播放GIF動畫檔，可減輕廣告載入所需的網路資源，特別是針對行動裝置用戶，不會產生過多的網路下載量。同時本創作之網頁廣告系統，可提供動態與靜態廣告的展示，並可提供與原始影音的連結，大大提高影音廣告在網頁上的應用與效率。

本創作以實施例說明如上，然其並非用以限定本創作所主張之專利權利範圍。其專利保護範圍當視後附之申請專利範圍及其等同領域而定。凡本領域具有通常知識者，在不脫離本專利精神或範圍內，所作之更動或潤飾，均屬於本創作所揭示精神下所完成之等效改變或設計，且應包含在下述之申請專利範圍內。

10‧‧‧影音伺服器

100‧‧‧網頁廣告系統

110‧‧‧伺服主機

120‧‧‧用戶端

Claims (8)

1. 一種網頁廣告系統，包括：一伺服主機，儲存有多筆動畫檔案與多筆圖像檔案，該伺服主機還適於讀取多筆影音檔案；及至少一用戶端，該用戶端適於瀏覽一網頁，該網頁包括一廣告框架，該廣告框架是與該伺服主機連接，該廣告框架包括：一判斷模組，適於判斷該用戶端是否能夠直接撥放該影音檔案；一影音模組，適於自該伺服主機讀取該動畫檔案或該影音檔案，並播放該動畫檔案或該影音檔案；及一圖像模組，適於自該伺服主機讀取該圖像檔案，當該圖像模組被點擊，該用戶端連接至一網路位址；其中，若該用戶端無法直接撥放該影音檔案，則該影音模組撥放該動畫檔案；若該用戶端能夠直接撥放該影音檔案，則該影音模組撥放該影音檔案；其中，該影音模組播放該動畫檔案時，會記錄該動畫檔案的播放秒數，當播放中的該動畫檔案被點擊，該影音模組會讀取與該動畫檔案對應之一影音檔案，並從該動畫檔案的播放秒數開始播放該影音檔案。
2. 如申請專利範圍第1項之網頁廣告系統，其中，該動畫檔案為圖像互換格式。
3. 如申請專利範圍第1項之網頁廣告系統，其中，該伺服主機是從一外部之一影音伺服器讀取該影音檔案。
4. 如申請專利範圍第1項之網頁廣告系統，其中，該影音檔案是儲存於該伺服主機中。
5. 如申請專利範圍第1項之網頁廣告系統，其中，該用戶端為行動裝置或個人電腦。
6. 如申請專利範圍第1項之網頁廣告系統，其中，該廣告框架還包括一社群模組，該社群模組適於將該動畫檔案、該圖像檔案或該影音檔案傳送至外部之社群網站。
7. 如申請專利範圍第4項之網頁廣告系統，其中，該廣告框架還包括一裝置功能模組，該功能模組適於驅動該用戶端之裝置功能。
8. 如申請專利範圍第4項之網頁廣告系統，其中，該影音模組還包括一按鈕，當該按鈕被點擊，該影音模組播放該動畫檔案或該影音檔案。