TWI584212B

TWI584212B - 多視窗適應式富媒體廣告

Info

Publication number: TWI584212B
Application number: TW102128605A
Authority: TW
Inventors: 法蘭西斯梵; 伊泰伊洛賓諾維茲
Original assignee: 伊克斯卡萊柏智慧財產有限責任公司
Priority date: 2012-08-14
Filing date: 2013-08-09
Publication date: 2017-05-21
Also published as: US20140052546A1; TW201407520A

Description

多視窗適應式富媒體廣告

線上廣告對於電子商務緊密結合的企業而言是一種報酬的重要來源。與像是超文件標記語言(HTML，Hypertext Markup Language)及超文件傳輸協定(HTTP，Hypertext Transfer Protocol)之技術有關的處理方式，能夠配置一網頁以顯示廣告(“ads”)。在許多網站上都可以發現廣告。網站發佈商可以提供廣告空間，像是新聞與運動網站等，這些廣告空間也稱為廣告槽或廣告容器。這些網站的發佈商可以販賣廣告空間給廣告商，以支付與營運該網站有關的成本，也同時獲得額外的報酬。

當該市場轉向接納更廣泛種類的計算裝置(例如，智慧手機、平板、上網電腦、膝上電腦、桌上電腦等等)，其具有各種顯示尺寸與這種長寬比，於這些裝置上顯示的該等廣告便需要適應該等不同尺寸。隨著更多網頁致能裝置的發展(例如，具有不同尺寸的平板與智慧手機)，廣告商在縮放其廣告尺寸以於各種視窗上呈現則面臨更大的挑戰。在30吋監視器上顯示的廣告看起來與在3吋智慧手機視窗上並不相同。

許多網站只是重新縮放該廣告。然而，重新縮放可能造成較差的解析度，也無法在不同視窗上提供相同的視覺衝擊。尤其是，該重新縮放技術只是以制式方式進行視覺的縮放，當在不同長寬比下配置廣告時此方法便失敗。例如，一單一廣告可能需要從一標頭廣告改變成為不同尺寸、形狀及長寬比的側邊廣告。

替代的，可以根據該請求裝置於網路上實作並提供一廣告的多種版本。例如，已經提出行動廣告格式以解決廣告分割處理，但這需要該廣告商提供該相同廣告的多種版本。此處理可能無法被適當進行，特別是針對於包括動態組件的富媒體廣告。此外，處理一廣告的多種版本或封包可能需要伺服器端的處理程序，以識別該裝置尺寸並為該裝置選擇該廣告的一適當版本。此外，必須儲存該廣告的多種版本，並可由該伺服器所利用/所存取。

100‧‧‧廣告系統

102‧‧‧使用者裝置

104‧‧‧網路

106‧‧‧發佈商伺服器

108‧‧‧發佈商

110‧‧‧發佈商資料庫

112‧‧‧封包器

114‧‧‧介面

116‧‧‧軟體

118‧‧‧記憶體

120‧‧‧處理器

122‧‧‧廣告商伺服器

124‧‧‧廣告商

126‧‧‧廣告資料庫

201‧‧‧視覺元件

202‧‧‧封包處理器

204‧‧‧邏輯產生器

304‧‧‧品牌標誌

306‧‧‧產品標誌

308‧‧‧產品項目

310‧‧‧產品標語

312‧‧‧背景

502‧‧‧第一具體實施例

504‧‧‧第二具體實施例

506‧‧‧第三具體實施例

508‧‧‧第四具體實施例

702‧‧‧屬性

704‧‧‧粒度

706‧‧‧CSS關鍵影格動畫

708‧‧‧安全填補區域

710‧‧‧為多種格式進行呈現的邏輯

1002‧‧‧區塊

1004‧‧‧區塊

1006‧‧‧區塊

1008‧‧‧區塊

1102‧‧‧區塊

1104‧‧‧區塊

1106‧‧‧區塊

1108‧‧‧區塊

1110‧‧‧區塊

參考後續圖式與敘述將可對於本系統與方法獲得較佳瞭解。非限制與非窮盡之具體實施例則參考該等下述圖示進行敘述。該等圖式中之元件不一定符合比例，將針對本發明原則的敘述加以強調。在該等圖式中，於不同圖面中相同的元件符號係指為對應的部分。

第一圖為一示例網路系統圖式；第二圖為一示例廣告封包器圖式；第三圖為用於一廣告之示例視覺元件圖式；第四圖為一視覺元件示例描繪；第五圖為在一標題廣告容器中一示例視覺元件配置；第六圖為在一嵌版廣告容器中一示例視覺元件配置；第七圖為一廣告封包之示例屬性圖式；第八圖為具有複數個視覺元件之一示例廣告；第九圖為具有複數個視覺元件之另一示例廣告；第十圖為用於產生一單一廣告封包的伺服器端流程；以及第十一圖為用於呈現來自一封包之廣告的客戶端流程。

現在參考該等伴隨圖式，於以下更完整敘述其主題內容，該等伴隨圖式形成本發明之一部份，並以描述方式顯示特定示例具體實施例。然而，該主題內容可以各種不同形式所體現，因此預期所涵蓋或主張之主題內容應理解為不受到在此提出之任何示例具體實施例所限制；所提供之示例具體實施例僅為例證。同樣的，預期對於所主張或涵蓋之主題內容係具有一合理的廣泛範圍。除此之外，例如該主題內容也可被體現為方法、裝置、組件或系統。據此，(相較於軟體本身而言)該等具體實施例可以具有像是硬體、軟體、韌體或其任何組合形式。因此並不預期以下詳細敘述內容具有限制的想法。

透過本案說明書與申請專利範圍，各種用語除了具有明顯陳述的意義之外，也具有在上下文中所建議或隱含的細微意涵。同樣的，在此所使用之片語「在一具體實施例中」並不需要指至該相同具體實施例，而在此所使用之片語「在另一具體實施例中」也不一定指至一不同具體實施例。預期所主張之主題內容包括例如以全部或部分的方式所進行該等示例具體實施例的組合。

一般而言，從上下文的使用可以至少部分瞭解用語。例如，像是在此使用之「及」、「或」或「及/或」的用詞，可以至少部分根據所述用詞所使用的上下文而具有各種意義。一般而言，如果連結像是A、B或C的清單使用用詞「或」時，在具有涵蓋意義時使用時預期係指A、B及C，而在具有排他意義時使用時則指A、B或C。此外，在此使用之「一或多個」的用詞可至少部分根據上下文而用於描述單數型態的任何特徵、結構或特性，或可以在複數意義中用於敘述多數特徵、結構或特性的組合。同樣的，也可以瞭解像是「一」、「一個」或「該」的用詞係可以至少部分根據上下文而具有單數用法或複數用法的運用。此外，可以了解該用詞「根據」同樣可以至少部分根據上下文而不一定預期運用多數因素的排他組合，而替代的是可以允許存在並不一定被專門敘述的其他因素。

做為介紹，可以提供一廣告多個個別組件(例如，視覺元件)與用於呈現這些組件之邏輯的封包至一使用者或客戶端。該廣告(Ad)與該等組件可利用該邏輯於客戶端呈現，而非由該伺服器指定該呈現方式。對於不同裝置採用具有彈性之一廣告單一版本係為有利的。尤其是，一單一廣告封包解決方式可以包括基於該裝置的多種呈現能力。該呈現可以根據於邏輯、資訊或指令而於該客戶端進行(例如，由該網頁瀏覽器呈現)，而該邏輯、資訊或指令則為該單一廣告封包之一部分。該伺服器端的功能係散佈該單一廣告封包，而不需要從廣告的多個版本來進行識別並選擇的邏輯。用以動態呈現該單一廣告封包之邏輯可以於該客戶端進行。

該廣告封包可為利用回應式的設計，因為該網頁內容根據該目標顯示裝置的尺寸以有意義方式呈現其自身。據此，一回應式廣告為一種用於網頁廣告的回應式設計應用。該呈現可以不只是一種廣告的簡單重新縮放，並可以包括對於某些條件的動態決定，以修改該單一廣告封包的某些元件。根據這些元件，該網頁瀏覽器可以為執行該網頁瀏覽器之特定裝置(例如，視窗尺寸)，進行最佳化廣告呈現。

如同所述，單一廣告封包可以稱做為一多視窗適應式富媒體廣告(MARMA，Multiscreen Adaptive Media Ad)，並可實作為可跨及不同視窗呈現自身之一單一廣告封包。該封包可以支援現有的廣告格式，或符合由該廣告放置之內容頁面所控制之彈性廣告容器(於一頁面中可使用之廣告槽)。尤其是，該廣告封包可以使用多個靜態區域(例如，以下敘述之「英雄(hero)」區域)與動態資產形式，以對於具有廣泛變化長寬比之目標廣告格式的多個視覺元件進行最佳配置。同樣的，該封包甚至可以調整適用於非傳統式或未知的長寬尺寸或容器尺寸。該單一廣告封包解決方式可以包括客戶端呈現邏輯，這對於其他資產形式服務而言並非必要。

雖然係針對於廣告領域加以敘述，但所顯示之該封包與呈現技術也可以應用於非廣告的內容。以下對於透過一封包進行廣告呈現的敘述僅為一種可被封裝與呈現的內容示例。在一頁面上(例如網頁上)的任何其他內容都可以使用在此敘述之該等技術所封裝與呈現。

在檢視下述圖式與詳細敘述之後，對於相關領域技術人員而言其他的系統、方法、特徵與優點將為或將變為明顯。預期所有所述其他系統、方法、特徵與優點係被包括於本發明申請規格書中，落於本發明範疇內，並由該等下述申請專利範圍所保護。各段落中並沒有任何事物係用於所述申請專利範圍的限制。以下討論進一步的態樣與優點。

第一圖為一示例廣告系統100之具體實施例方塊圖。該廣告系統100可以提供一平台，用以封裝一廣告、其多個視覺元件以及用於在不同裝置上呈現該廣告之邏輯。在廣告系統100中，一使用者裝置102可以透過一網路104與一發佈商伺服器106耦合。發佈商伺服器106可由一發佈商 108操作，或與發佈商108耦合，該發佈商伺服器106也與一發佈商資料庫110耦合。廣告商伺服器122與一廣告商124耦合，也與一廣告資料庫126耦合。封包器112可以與發佈商伺服器106及廣告商伺服器122耦合。在此，該片語「耦合」係定義為直接連接或透過一或多個中間組件間接連接。這種中間組件可以包括以硬體及軟體兩者為基礎的組件。在不背離於此提出之該等申請專利範圍之精神與範疇下，可以進行該等組件於配置及類型的變化。此外，可以提供不同或較少的組件。據此，封包器112可以透過一網路(例如網路104)與廣告商伺服器122耦合。在替代具體實施例中，封包器112可為廣告商伺服器122之一部分。

使用者裝置102可為一計算裝置，允許一使用者連接至一網路104，像是連接至網際網路。如以下敘述，使用者裝置102可為觀看一廣告之一第三方使用者。使用者裝置102也可以稱為一客戶端裝置，並可以包括具有傳送或接收訊號之能力的計算裝置，像是透過有線或無線網路(例如，網路104，其可為網際網路)傳輸及接收。使用者裝置102例如可以包括一桌上型電腦或可攜式裝置，像是行動電話、智慧電話、顯示呼叫器、無線射頻(RF，Radio Frequency)裝置、紅外線(IR，Infrared)裝置、個人數位助理(PDA，Personal Digital Assistant)、手持式電腦、平板電腦、膝上電腦、機上盒、可穿戴式電腦、結合多種特性之整合裝置，像是結合上述裝置之多種特性，或是其他類似裝置。使用者裝置102可以在可能性與特性方面變化，特別是針對顯示尺寸及長寬比進行變化。不同使用者裝置的不同顯示尺寸及長寬比可能使一廣告對於這些特定使用者裝置以不同方式呈現。所主張之標的預期涵蓋廣泛的可能變化範圍。例如，一行動電話可以包括數字鍵盤或有限功能的顯示器，像是用於顯示文字的單色液晶顯示器(LCD，Liquid Crystal Display)。然而，相比之下做為另一示例，一網路致能客戶端裝置可以包括一或多個實體或虛擬鍵盤、大量儲存器、一或多個加速計、一或多個陀螺儀、全球定位系統(GPS，Global Positioning System)，或是其他位置識別類型能力，並具有高度功能的顯示器，例如像是觸控式彩色2D或3D顯示器。

使用者裝置102可以包括或可以執行各種操作系統，包括像是Windows、iOS或Linux的個人電腦操作系統，或是像是iOS、Android或Windows Mobile的行動操作系統，或是其他類似操作系統。使用者裝置102可以包括或可以執行各種可能的應用程式，像是透過電子郵件、短訊服務(SMS，Short Message Service)或多媒體訊息服務(MMS，Multimedia Message Service)進行一或多個訊息的通訊，包括透過網路進行通訊，像是透過包括Facebook、LinkedIn、Twitter、Flicker或Google+的社交網路，而這只是一些可能的示例。使用者裝置102也可包括或執行應用程式，以進行內容通訊，例如像是進行文字內容、多媒體內容或其他類似內容的通訊。使用者裝置102也可包括或執行一應用程式，以執行各種可能的工作，像是進行瀏覽、搜尋、播放各種內容形式，包括播放局部儲存或串流視頻，或是播放比賽(像是迷人的運動聯盟競賽)。提供前述內容以描述本發明主張之標的預期包括廣泛範圍的可能特徵或能力。如以下敘述，使用者裝置102執行成為單一廣告封包之部分的邏輯，以根據使用者裝置102之顯示尺寸及長寬比進行廣告最佳呈現。

在一具體實施例中，使用者裝置102經配置以從一網路(例如，網路104，其可為網際網路)請求並接收資訊。該資訊可以包括具有廣告之網頁。使用者裝置102經配置以利用網路瀏覽器透過網路104存取除了網頁以外的其他資料/資訊，像是使用INTERNET EXPLORER®(由微軟公司(Microsoft Corp.,Redmond,Washington)販售)或FIREFOX®(由美商謀智公司(Mozilla)提供)。在一替代具體實施例中，不同於網路瀏覽器的軟體程式也可以顯示透過網路104或來自不同來源所接收之多個廣告。如以下所敘述，一廣告可利用提供成為一單一廣告封包之部分的邏輯，呈現並顯示於一網頁中。

在一具體實施例中，發佈商伺服器106提供對一網路104之介面，及/或透過該網路提供其多個網頁，像是提供至使用者裝置102。發佈商伺服器106可為一網頁伺服器，其透過該網路提供使用者裝置102所請求之多個網頁(包括用於顯示多個廣告之廣告槽或廣告容器)，像是由使用者裝置102之一使用者所請求。尤其是，發佈商108可以提供當從使用者裝置102進行請求時由發佈商伺服器106所提供之一網頁或一連串網頁。發佈商伺服器106也可由一發佈商108操作，該發佈商維護及監督發佈商伺服器106的運作。發佈商108可為顯示廣告之頁面的任何操作者，並從那些廣告之該等廣告商收取付費。發佈商108可以透過接收來自一廣告商伺服器122之多個廣告或單一廣告封包的方式，監督發佈商伺服器106，該等廣告則被顯示於由發佈商伺服器106所提供之多個頁面(例如，一目的地網頁)之中。在一具體實施例中，可由發佈商108使用一封包器112以於一網頁中顯示該廣告。如同所敘述，使用者裝置102可以於客戶端執行邏輯以呈現並顯示多個廣告，但此僅為一具體實施例。替代的，該單一廣告封包之邏輯可由發佈商伺服器106所執行，以在一頁面上呈現並配置該廣告(與其多個視覺組件)。

發佈商資料庫110可與發佈商伺服器106耦合，並可以儲存由發佈商伺服器106所提供之該等發佈商頁面或資料。所儲存之該等頁面可以具有多個廣告槽或容器，以顯示多數廣告。該等容器可具有不同形狀、尺寸或方向。此外，根據準備呈現於該頁面之該使用者裝置，也可以進一步修改該尺寸。該容器尺寸與顯示尺寸可做為該單一廣告封包邏輯之部分，以進行該廣告之動態呈現與多個視覺元件之動態重新配置。在一具體實施例中，發佈商資料庫110可以儲存來自許多廣告商之多個廣告，像是來自廣告商124。此外，發佈商資料庫110可以儲存與用於不同頁面之該廣告容器尺寸、形狀及方向有關的資訊。利用一單一廣告封包所包括之該邏輯可以參考此儲存資訊，以盡可能處理成為許多不同尺寸與方向。

廣告商伺服器122可以提供於多個網頁中顯示之多個廣告，像是該等發佈商頁面。在一具體實施例中，廣告商伺服器122與發佈商伺服器106耦合，以在該等發佈商網頁上提供多個廣告。廣告商124可為用以提供多個廣告之廣告商伺服器122的任何操作者。該等廣告可與由廣告商124所提供之產品及/或服務有關。發佈商伺服器106及/或廣告商伺服器122可為一或多個計算裝置，其可以具有傳送或接收訊號的能力，像是透過有線或無線網路進行傳送或接收，或可以具有處理或儲存訊號的能力，像是以實體記憶狀態儲存於記憶體中，並可以因此操作為一伺服器。因此，具有操作成為伺服器的能力之裝置可以包括專用機架安裝(rack-mounted)伺服器、桌上型電腦、膝上型電腦、機上盒、組合多種特徵之整合裝置，像是組合前述裝置之二或多種特徵的裝置，或其他類似裝置。伺服器可以在配置或能力上具有廣泛變化，但一般而言，伺服器可以包括一或多個中央處理單元與記憶體。伺服器也可包括一或多個大量儲存裝置、一或多個電力供應器、一或多個有線或無線網路介面、一或多個輸入/輸出介面、一或多個操作系統，像是Windows Server、Mac OS X、Unix、Linux、FreeBSD或其他類似操作系統。

此外，發佈商伺服器106及/或廣告商伺服器122與可為一內容伺服器或一內容伺服器之部分。內容伺服器可包括一裝置，該裝置包括透過一網路提供內容至其他裝置的配置。內容伺服器例如可以主持例如一社交網路網站之網站，其示例像是Flicker、Twitter、Facebook、LinkedIn或個人使用者網站(像是部落格、影音部落格、線上約會網站等等)，但不限制於此。內容伺服器也可以主持各種其他網站，包括商業網站、教育網站、字典網站、百科網站、維基網站、財經網站、政府網站等等，但並不限制於此。內容伺服器可以進一步提供各種服務，包括網路服務、第三方服務、音頻服務、視頻服務、電子郵件服務、即時傳訊(IM，Instant Messaging)服務、簡短傳訊(SMS)服務、多媒體傳訊(MMS)服務、檔案傳輸協定(FTP，File Transfer Protocol)服務、網路電話(VOIP，Voice Over IP)服務、行事曆服務、照片服務或其他類似服務，但並不限制於此。內容示例則包括文字、影像、音頻、視頻或其他類似內容，其可以實體訊號方式處理，像是例如以電子訊號方式處理，或可以儲存於記憶體之中，像是例如以實體狀態儲存。可操作為一內容伺服器的示例裝置則包括桌上型電腦、微處理器系統、微處理器類型或可編程消費性電子裝置等等。

封包器112可以建立一單一廣告封包，該單一廣告封包包括建構一廣告之該等視覺元件，包括為了不同廣告容器及不同顯示呈現該廣告之邏輯。該邏輯可由使用者裝置102或發佈商伺服器106執行，以重新配置該廣告之該等視覺元件。在一具體實施例中，封包器112可由廣告商124所控制，並可為廣告商伺服器122之一部份，或可為一分離實體之部分。封包器112可以從多個不同廣告商接收多個廣告，像是從廣告商124接收，並可以對於這些廣告個別進行封包廣告並產生邏輯。

封包器112可為一計算裝置，用以產生用於呈現一廣告多個視覺元件之邏輯。封包器112可以包括一處理器120、記憶體116、軟體116及一介面114。封包器112可為與發佈商伺服器106及/或廣告商伺服器122分離之組件，也可被組合成為一單一組件或裝置。

介面114可與任何使用者裝置102、發佈商伺服器106及或廣告商伺服器122進行通訊。介面114可以包括一使用者介面，經配置以允許一使用者及/或管理者與封包器112之該等任何組件互動。例如，該管理者及/或使用者可以編程該邏輯，以進行該廣告多個視覺元件的呈現及重新配置。

封包器112中之處理器120可以包括一中央處理器(CPU，Central Processing Unit)、一圖形處理單元(GPU，Graphics Processing Unit)、一數位訊號處理器(DSP，Digital Signal Processor)或其他處理裝置類型。處理器120可為各種系統之任一種中的組件。例如，處理器120可為一標準個人電腦或工作站之部分。處理器120可為一或多個通用處理器、數位訊號處理器、特定應用積體電路、場可編程閘極陣列、伺服器、網路、數位電路、類比電路或上述之組合，或是其他用於分析及處理資料之目前已知或未來發展之裝置。處理器120可以結合一軟體程式操作，像是手動產生之編碼(也就是進行編程)。

處理器120可以與一記憶體118耦合，或記憶體118可為一分離組件。介面114及/或軟體116可以儲存於記憶體118中。記憶體118可以包括像是各種揮發性或非揮發性儲存媒體類型之電腦可讀儲存媒體，包括隨機存取記憶體、唯讀記憶體、可編程唯讀記憶體、電子可編程唯讀記憶體、電子可消除式唯讀記憶體、快閃記憶體、磁帶或磁碟、光學媒體與其他類似媒體，但不限制於此。記憶體118可為處理器120包括一隨機存取記憶體。替代的，記憶體118可與處理器120分離，像是一處理器之快取記憶體、該系統記憶體或其他記憶體。記憶體118可為一外部儲存裝置或資料庫，用以儲存紀錄廣告或使用者資料。示例則包括硬碟、光碟(CD，Compact Disc)、數位多功能影音光碟(DVD，Digital Video Disc)、記憶卡、記憶棒、軟碟、通用序列匯流排(USB，Universal Serial Bus)記憶裝置，或任何其他可操作以儲存廣告或使用者資料的裝置。記憶體118係為可操作以儲存由處理器120所執行之多個指令。

在該等圖式中所描繪或於此敘述之該等功能、動作或工作可由該經編程處理器以執行儲存於記憶體118中該等指令的方式執行。該等功能、動作或工作係為指令集、儲存媒體、處理器或處理策略的獨立特定類型，並可由軟體、硬體、積體電路、韌體、微編碼與其他類似機制所執行，可單獨操作或組合操作。同樣的，處理策略可以包括多處理、多工、平行處理與其他類似機制。處理器120經配置以執行軟體116。軟體116可以包括多個指令，以產生於客戶端呈現廣告的邏輯，其可以利用一單一廣告封包所包括。

介面114可為一使用者輸入裝置或一顯示器。介面114可包括一鍵盤、小鍵盤或像是滑鼠的游標控制裝置、或是搖桿、觸控螢幕顯示器、遠端控制或任何其他可以操作以與封包器112互動的裝置。介面114可以包括與處理器120耦合至一顯示器，並經配置以顯示來自處理器120之輸出。該顯示器可為液晶顯示器(LCD)、有機發光二極體(OLED，Organic Light Emitting Diode)、平面顯示器、固態顯示器、冷陰極管顯示器(CRT，Cathode Ray Tube)、投影機、印表機或其他目前已知或未來發展之顯示裝置，用以輸出決定的資訊。該顯示器可以做為該使用者觀看處理器120之功能進行的介面，或是做為與軟體116介接之介面，以提供輸入參數。

本發明揭示內容考慮到一電腦可讀媒介係包括多個指令或接收與執行回應一經傳播之訊號的多個指令，因此與一網路連接之一裝置可以透過網路傳播聲音、音頻、圖片或任何其他資料。介面114可用於經網路透過一通訊埠口來提供該等指令。該通訊埠口可建立於軟體中，或為硬體中的實體連接。該通訊埠口經配置以與一網路、外部媒體、顯示器或系統100中任何其他組件，或是上述之組合連接。與該網路的連接可為一實體連接，像是有線乙太網路連接，或可以如下討論以無線方式建立連接。同樣的，與系統100多個其他組件的連接可為實體連接或以無線方式建立連接。廣告系統100中該等組件之任何一者都可以透過網路彼此耦合，包括但不限制於透過網路104連接。例如，封包器112可以透過一網路與發佈商伺服器106及/或廣告商伺服器122耦合。做為另一示例，廣告商資料庫126可以透過一網路與發佈商伺服器106及/或封包器112耦合。據此，廣告系統100中該等組件之任何項都可以包括通訊埠口，經配置以與一網路連接，像是與網路104連接。

該網路(例如，網路104)可以耦合多個裝置，因此可以交換通訊，像是在一伺服器與一客戶端裝置或其他裝置類型之間交換通訊，例如包括在透過無線網路所耦合之多個無線裝置之間交換通訊。網路也可以包括大量儲存器，例如像是網路附加儲存器(NAS，Network Attached Storage)、儲存區域網路(SAN，Storage Area Network)或其他電腦或機器可讀媒體之形式。網路可以包括網際網路、一或多個區域網路(LAN，Local Area Network)、一或多個廣域網路(WAN，Wide Area Network)、有線式連接、無線式連接或其任何組合形式。同樣的，像是可以運用不同結構或可以適應或相容於不同通訊協定之子網路，也可以在一較大網路中相互操作。例如可以利用各種裝置類型，以提供對於不同結構或通訊協定的相互操作能力。做為一例證示例，路由器便可以提供分離與獨立區域網路之間的鏈結。通訊鏈結或通道可以例如包括像是雙絞線對、同軸纜線的類比電話線、完全或部分的數位線路，包括T1、T2、T3或T4類型線路、整合服務數位網路(ISDN，Integrated Services Digital Network)、數位用戶迴線(DSL，Digital Subscriber Lines)、包括衛星鏈結的無線鏈結，或是該領域具有通常知識者所已知之其他通訊鏈結或通道。此外，一計算裝置或其他相關電子裝置可以例如透過像是電話線或鏈結的方式，遠端耦合至一網路。

無線網路可以將多個客戶端裝置耦合至網路。無線網路可以運用主從架構隨意網路、網狀網路、無線區域網路(WLAN，Wireless LAN)、蜂巢式網路或其他類似網路。無線網路可以進一步包括多個終端器、閘道、路由器或其他類似裝置的系統，其由無線射頻鏈結或其他類似方式耦合，並可以自由、隨機移動，或是自我任意組織，因此網路拓撲便可隨時間快速改變。無線網路可以進一步運用複數種網路存取技術，包括長期演進技術(LTE，Long Term Evolution)、WLAN、無線路由器(WR，Wireless Router)網路或是第二代、第三代、第四代(2G、3G或4G)蜂巢式網路技術，或其他類似技術。網路存取技術可以對多個裝置進行廣範圍的覆蓋，像是例如覆蓋具有不同移動程度的客戶端裝置。例如，網路可以透過一或多種網路存取技術進行無線射頻(RF)或無線類型的通訊，像是全球行動通訊系統(GSM，Global System for Mobile Communication)、通用行動通訊系統(UMTS，Universal Mobile Telecommunications System)、通用封包無線服務技術(GPRS，General Packet Radio Service)、GSM增強數據率演進(EDGE，Enhanced Data GSM Environment)、3GPPLTE、進化LTE、寬頻多重分碼存取(WCDMA，Wideband Code Division Multiple Access)、藍芽、802.11b/g/n，或其他類似技術。無線網路實質上可以包括任何無線通訊機制類型，藉由該機制便可於像是在一客戶端裝置與一計算裝置的多個裝置之間通訊訊號，並在網路之間或之中或其他類似網路之間進行通訊。

透過網路通訊之多個訊號封包，像是透過參與數位通訊網路的網路，係可相容於或符合於一或多種通訊協定。所運用之訊號發送格式或通訊協定例如可以包括TCP/IP、UDP、DECnet、NetBEUI、IPX、Appletalk或其他類似通訊協定。網際網路通訊協定(IP，Internet Protocol)的版本可以包括IPv4或IPv6。網際網路意指為一種網路的分散式全球網路。網際網路包括區域網路(LAN)、廣域網路(WAN)、無線網路或長途公眾網路，例如允許在區域網路之間進行訊號封包通訊的網路。訊號封包可以在一網路的多個節點之間通訊，例如像是傳播至運用一區域網路位址之一或多個網址。訊號封包可從一使用者位址藉由耦合至該網際網路之一存取節點於網際網路上通訊。同樣的，訊號封包可以藉由往多個網路節點傳遞至耦合至該網路之一目標網址，例如，藉由一網路存取節點。藉由該網際網路通訊之訊號封包則例如可以藉由多個閘道、伺服器等等的路徑所配送，該路徑可以根據一目標位址與對於該目標位址之一網路路徑的可利用性，配送該訊號封包。

連接以上敘述之該等裝置的網路(例如，網路104)可為一「內容傳送網路」或一「內容散佈網路(CDN，Content Distribution Network)」。例如，發佈商伺服器106及/或廣告商伺服器122可為一CDN之部分。CDN一般而言意指為一種分散式內容傳送系統，該系統包括利用一網路或多個網路所鏈結之多個電腦或計算裝置的集合。CDN可以運用軟體、系統、通訊協定或技術，以促成各種服務，像是儲存、快取、內容通訊或媒體或應用程式的串流。服務也可以使用輔助技術，包括「雲端計算」、分散儲存、網域名稱系統(DNS，Domain Name System)請求處理、供應、訊號監控與回報、內容目標發送、個人化或是商業智慧。CDN也可以使一實體完全或部分地操作或管理另一實體之位址基礎設施。

同樣的，連接以上敘述之該等裝置的網路(例如，網路104)可為一點對點(或P2P)網路，該P2P網路相對於運用像是專用伺服器之專用裝置的網路，係可以運用計算能力或參與網路的頻寬；然而，某些網路可以同時運用兩者機制，也可以使用其他方法。P2P網路一般而言可以用於耦合透過隨意布置或配置的多個節點。P2P網路可以運用某些節點，該等節點具有操作成為「客戶端」與「伺服器」之能力。例如，廣告商伺服器122或發佈商伺服器106可以透過P2P網路提供廣告及/或內容至使用者裝置102，像是透過網路104。

發佈商伺服器106、發佈商資料庫110、封包器112、廣告商伺服器122、廣告商資料庫126及/或使用者裝置102可以代表各種種類的計算裝置。所述計算裝置一般而言包括任何裝置，其經配置以執行計算，並具有利用一或多種有線及/或無線通訊介面的方式，傳送及接收資料通訊的能力，像是利用介面114。例如，使用者裝置102可經配置以執行一瀏覽器應用程式，並運用HTTP請求來自於發佈商伺服器106之資訊，像是請求一網頁。本發明揭示內容考慮到一電腦可讀媒介係包括多個指令或接收與執行回應一經傳播訊號之多個指令，因此與一網路連接之一裝置可以透過網路傳播聲音、音頻、圖片或任何其他資料。

第二圖為一示例封包器112之圖式。封包器112可以包括一封包處理器202，其可以包括或與以上討論之處理器120相同。封包器112可以另外包括一邏輯產生器204。廣告商伺服器122可以提供一廣告與其多個視覺元件201至廣告封包器112。示例之多個視覺元件201將針對第三圖所敘述。封包處理器202接收視覺元件201與來自邏輯產生器204之該邏輯，做為一單一廣告封包之部分，而提供至一客戶端或使用者裝置。

該邏輯可以包括HTML(例如，HTML5)、JavaScript或串接式表單(CSS，Cascading Style Sheet)(例如，CSS3)，其可在該客戶端使用以呈現並顯示來自該單一廣告封包之廣告。在一具體實施例中，HTML5、CSS3或JavaScript可為用於呈現該廣告的客戶端邏輯。替代的，HTML5、 CSS3或JavaScript可實作執行呈現功能之客戶端邏輯。其他機制也可用於在該客戶端呈現該廣告，而HTML5、CSS3或JavaScript僅為示例。

該廣告設計者定義多個CSS媒體查詢或等價JavaScript編碼，以決定支援何種廣告格式/容器。對於該等廣告格式之每一種而言，該設計者放置並縮放該等視覺元件201之每一個元件。在一示例中，一CSS媒體查詢可用於呈現一廣告封包，其中可以單獨選擇、縮放及解譯每一個視覺元件。一示例CSS媒體查詢可以包括：/* 768x90 N */ @media screen and(min-width：801px){ .ad_stage{ width：768px； height：90px； left：40px； top：60px； } #videoelem{ left：390px； top：-75px； -webkit-transform：scale(.8)； } #life_is_a_sport{ -webkit-transform：scale(.8)； left：40px； top：5px； } #make_it_count{ -webkit-transform：scale(.8)； left：200px； top：5px； } #nike_logo{ -webkit-transform：scale(.8)； left：170px； top：30px； } #fuelband_logo{ -webkit-transform：scale(1.2)； top：30px； left：100px； } }

該邏輯可以用於組織該廣告之該等視覺元件，如第四圖至第六圖與第八圖至第九圖所示。該邏輯可以識別一裝置顯示尺寸或長寬比，以及一廣告容器/廣告槽尺寸與長寬比。根據該尺寸資訊，該等視覺元件可以被選擇、組織及決定尺寸。該廣告伺服器只需要提供一單一廣告封包，其包括此邏輯以供該廣告被有效呈現於許多不同平台及裝置上。據此，該廣告伺服器不需要知道有關於該使用者裝置顯示的任何資訊，而該廣告仍然可為該使用者顯示。

第三圖為用於一廣告之多個示例視覺元件201的圖式。視覺元件201可以包括一品牌標誌304、一產品標誌306、一產品項目308、一產品標語310及一背景312，品牌標誌304識別或顯示該品牌，產品標誌306識別或顯示該產品標誌，產品項目308顯示該產品，產品標語310敘述該產品，並在背景312上顯示該廣告。

第四圖為多個視覺元件201之一示例描繪。尤其是，第四圖描述來自第三圖視覺元件201之示例。品牌標誌304與產品標誌306係圖示為獨立元件。該主要元件為產品項目308，其顯示被進行廣告的產品。第四圖描述兩個標語310示例。

第五圖為在一標題(banner)廣告容器中多個視覺元件201之一示例配置。實際上，第五圖描述四種具體實施例，其中為一標題廣告組織及配置多個視覺元件201。如同所示，用於第五圖中該每一具體實施例的廣告容器係為相同，但在其他具體實例中，可以使用該廣告容器的尺寸與形狀，以決定包括何者視覺元件以及如何配置該等視覺元件。在該第一具體實施例502中，產品標誌306係顯示於產品項目308旁。在第二具體實施例504中，一第一標語310係相對於產品項目308於左側對齊。在第三具體實施例506中，一第二標語310係相對於產品項目308於右側對齊。在第四具體實施例508中，一品牌標誌304係顯示於產品項目308旁。利用在該單一廣告封包中所提供的邏輯，可以利用並控制其他多種配置方式。該邏輯可根據該尺寸或以不同組合方式的流行性或成功度為基礎，提供多種不同選項。例如，當對於該廣告監控到廣告檢視/點擊/轉換時，可能存在更容易成功的某種組合方式，可在接著用以修改該邏輯以進行目標廣告。例如，或許具體實施例502具有10%點閱率(CTR，Click Through Rate)，而其他具體實施例則低於1%，因此在此情況中具體實施例502係較佳的。

第六圖為在一嵌版廣告容器中多個視覺元件201之一示例配置。尤其是，第六圖描述四種具體實施例，其中為一側嵌版廣告組織及配置多個視覺元件201。如針對第五圖所述，為該廣告選擇及配置不同的多個視覺元件201。與第五圖相比，視覺元件201的配置係使產品項目308位於另一下方元件上部，而對於該標題廣告而言，產品項目308則位於另一元件側邊。此配置係根據該廣告容器(例如，標題或側嵌版廣告)所選擇。在該邏輯中可以考量更多的廣告容器尺寸及形狀，用以配置一或多個視覺元件。

第七圖為一廣告封包之示例屬性702圖式。屬性702可由該邏輯所考慮，以決定如何配置視覺元件201及如何呈現該廣告。多個前景視覺元件201的粒度(granularity)704可意指為該等元件的內在可改變能力。這些視覺元件201可以具有透明背景，其可被縮放、平移、旋轉或變形。當視覺元件201分離時，相對於已經被組合在一起的視覺元件，這些視覺元件的每一個屬性都可以被單獨修改，並適當的將每一元件的視覺美感及可讀性最大化。在一具體實施例中，一CSS關鍵影格動畫706係做為視覺元件201之一。實際上，在所有前景元件係無法在不阻擋彼此並維持視覺美感及可讀性下同時實體出現時，可透過CSS關鍵影格動畫進行這些元件於時間上的交錯出現。該最感到有興趣的突出圖片資產則應該具有大約20%至30%之間的安全填補區域708。這可稱做為該圖片的「英雄(hero)」部分。該英雄部分也可以意指包括該圖片多個重要特徵的安全區域，像是品牌、產品細節或是其該不應該被修剪的文字。據此，該英雄部分可為該圖片不應該被修剪的部分，且應該總是保證可在視野之中。在一具體實施例中，該英雄部分對於智慧型手機或平板裝置而言，在調整該裝置從人物像成為景觀圖也旋轉該顯示圖片時也是有用的。據此，該圖片可在人物像與景觀圖之間進行轉移時可被修剪，而不是只是縮放大小。換句話說，一安全區域部分允許對於該上代廣告容器的的極限長寬比進行該圖片的創意截切。此規則也可應用於一背景圖片。該邏輯可以針對多種格式710進行呈現，其於第五圖及第六圖與第八圖及第九圖中描繪。

第八圖為一示例廣告，其具有複數個視覺元件201。視覺元件201並不進行標示(如第三圖及第四圖)，取而代之係以數字1-4參照圖示於第八圖上。實際上，第八圖描繪一垂直方向廣告，其中從上到下配置視覺元件1-4。

第九圖為另一示例廣告，其具有複數個視覺元件201。與第八圖相比之下，第九圖描繪一水平方向廣告，其中從左至右配置視覺元件1-4。據此，第八圖與第九圖描繪一單一廣告封包，該單一廣告封包包括視覺元件1-4，係可為多種廣告容器尺寸進行呈現：如第八圖中的垂直方向以及第九圖中的水平方向。

第十圖為用於產生一單一廣告封包之伺服器端程序。在區塊1002中，識別一廣告之多個視覺元件。如同所述，對該廣告的參照可以意指為構成該廣告之該等視覺元件。在區塊1004中，產生用於配置並顯示該等視覺元件的邏輯。實際上，可以為了在該使用者裝置上顯示該廣告執行該客戶端邏輯。該邏輯可以根據該廣告容器尺寸與該使用者裝置之顯示尺寸與長寬比，對該等已識別視覺元件進行最佳化配置。在區塊1006中，將該廣告包括其多個視覺元件一起與該邏輯進行封包。該封包可被稱為一單一廣告封包，並可如區塊1008中傳輸至該使用者裝置進行顯示。該使用者裝置執行該邏輯有關於如何配置該等視覺化元件之指令。

第十一圖為用以呈現來自一封包之一廣告的客戶端程序。在替代具體實施例中，該廣告可以由該發佈商呈現而非由該客戶端呈現。該廣告伺服器提供在該客戶端或發佈商處呈現該廣告的邏輯。在區塊1102中，從該廣告伺服器接收該廣告封包。在區塊1104中，解封裝該廣告封包，以致識別該等視覺元件與該邏輯。在區塊1106，該廣告容器尺寸及/或長寬比與顯示尺寸係為了該廣告將被顯示的位置所識別。於區塊1108中於該使用者裝置上執行該客戶端邏輯。在區塊1110中，該等視覺元件係根據該邏輯而具有獨立尺寸與位置。該邏輯可以使用該廣告容器尺寸及/或長寬比與該使用者裝置之顯示尺寸，以將該等視覺元件進行最佳選擇、定位與尺寸縮放，以進行顯示。

「計算可讀媒介」、「機器可讀媒介」、「傳播訊號媒介」及/或「訊號承載媒介」可以包含任何裝置，該裝置包括、儲存、通訊、傳播或傳輸軟體，已由一可執行指令系統、設備或裝置所使用或與其連接。該機器可讀媒介可以選擇為一種電子、磁性、光學、電磁、紅外線或半導體系統、設備、裝置或傳播媒介，但不限制於此。機器可讀媒介的非窮盡示例清單包括：具有一或多個線路之電氣連接「電子」、可攜式磁碟或光碟、像是隨機存取記憶體(RAM，Random Access Memory)、唯讀記憶體(ROM，Read-Only Memory)、可消除可編程唯讀記憶體(EPROM或快閃記憶體)、或光纖等。機器可讀媒介也可以包括有形媒介，於其上印有軟體，而該軟體可以電子方式儲存為影像或其他格式(例如，透過光學掃瞄方式儲存)，接著進行編譯及/或解譯或進行其他處理。該經處理媒介接著可以儲存於一電腦及/或機器記憶體中。

在一替代具體實施例中，專用硬體實作，像是特定應用積體電路(ASIC，Application Specific Integrated Circuit)、可編程邏輯陣列與其他硬體裝置，其可經建構以實作在此敘述之一或多種該等方法。包括各種具體實施例之該等設備與系統的應用可以廣泛包括各種電子與電腦系統。在此敘述之一或多個具體實施例可以利用二或多個具體互連之硬體模組或裝置實作功能，其具備相關的控制與資料訊號，而可以在該等模組之間或透過該等模組通訊，或做為一特定應用積體電路之多個部份。據此，本發明系統包含軟體、韌體與硬體實作。

預期在此敘述之該等具體實施例的描述係能提供對該等各種具體實施例之結構的一般性瞭解。該等描述並不預期對使用在此敘述之該等結構或方法之設備或系統之所有元件與特徵提供一完整的敘述。在檢視本發明揭示內容後，許多其他具體實施例對於相關領域技術人員變為明確。多個其他具體實施例係可從本發明揭示內容所運用與推衍，因此在不背離本發明揭示內容之範疇下，可以進行結構與邏輯的替換與改變。此外，該等描述僅為代表而不一定以正確比例方式繪製。該等描述之中的某些部分可能被強調，然而其他部分可能被最小化。據此，本發明揭示內容與該等圖式應被視為做為例證而非用於限制。