與某些關(guān)鍵詞、短語等相匹配或相關(guān)的內(nèi)容時被選擇并派發(fā)。第三方內(nèi)容提供者可以針 對若干內(nèi)容項設(shè)置單一出價值、針對內(nèi)容項的子集設(shè)置出價值、和/或針對每個內(nèi)容項設(shè)置 出價值。第三方內(nèi)容提供者還可以設(shè)置出價值的類型,諸如基于用戶是否點擊第三方內(nèi)容 項的出價、用戶是否基于第三方內(nèi)容項的呈現(xiàn)執(zhí)行特定動作的出價、第三方內(nèi)容項是否被 選擇并派發(fā)的出價、和/或其它類型的出價。
[0040] 雖然以上已經(jīng)提供了用于選擇并且向客戶端設(shè)備110派發(fā)內(nèi)容項的系統(tǒng)100的概 況,現(xiàn)在將參考圖2A-3B對隨資源派發(fā)的內(nèi)容項的示例進行描述。圖2A描繪了諸如圖1的客 戶端設(shè)備110的客戶端設(shè)備的示例顯示器200(在虛線中示出),其具有用于在顯示器200上 顯示資源的web瀏覽器210 jeb瀏覽器210可以通過在地址欄中接收來自輸入設(shè)備(例如,指 示設(shè)備、鍵盤、觸摸屏、或另一種形式的輸入設(shè)備)的諸如web地址的URL輸入而進行操作。作 為響應(yīng),執(zhí)行來自web瀏覽器210的指令的客戶端設(shè)備的一個或多個處理模塊可以從該URL 地址所引用的連接至諸如網(wǎng)絡(luò)106的網(wǎng)絡(luò)的另一個設(shè)備(例如,資源服務(wù)器104)請求數(shù)據(jù)。 該其它設(shè)備隨后可以向客戶端設(shè)備提供用于產(chǎn)生資源呈現(xiàn)效果的數(shù)據(jù),這使得視覺指示被 客戶端設(shè)備的顯示器200顯示。因此,web瀏覽器210顯示所得到的諸如網(wǎng)頁的資源220。 [0041] 示例資源220被示為由客戶端設(shè)備的顯示器200使用web瀏覽器210進行顯示。資源 220包括第一內(nèi)容部分222和第二內(nèi)容部分224。第一方內(nèi)容提供者可以經(jīng)由區(qū)分(div)元素 將第一內(nèi)容部分222和第二內(nèi)容部分224分開。在一些實施方式中,諸如實現(xiàn)響應(yīng)性web設(shè)計 方面的資源的實施方式中,第一內(nèi)容部分222和第二內(nèi)容部分224可以基于要在其上顯示資 源220的設(shè)備視口的百分比來定義。該視口是在顯示資源220時能夠在瀏覽器210或其它應(yīng) 用內(nèi)看到的區(qū)域。第一內(nèi)容部分222和/或第二內(nèi)容部分224可以包括第一方內(nèi)容提供者的 第一方內(nèi)容,諸如新聞文章、社交網(wǎng)絡(luò)界面、應(yīng)用等。資源220還可以包括用于請求諸如第三 方內(nèi)容項228的一個或多個第三方內(nèi)容項隨第一方內(nèi)容226-起進行呈現(xiàn)的代碼。在圖2A所 示的實施方式中,第三方內(nèi)容項228被示為在第二內(nèi)容部分224中派發(fā),諸如通過使用圖1的 內(nèi)容項選擇系統(tǒng)108。第一方內(nèi)容提供者可以包括代碼,所述代碼用于識別其中將示出第三 方內(nèi)容項228的第二內(nèi)容部分224的全部或一部分。例如,第一方內(nèi)容提供者可以在要呈現(xiàn) 第三方內(nèi)容項的每個點處插入諸如"ins class = 'content item'/ins"的一段代碼。在其它 實施方式中,可以使用所插入元素之外的元素,諸如區(qū)分(div)元素 "div class = ' content item'/div"。此外,層疊樣式表(CSS)類可以具有"contentitem"以外的標簽。如以 下將更為詳細描述的,在資源220要在客戶端設(shè)備上進行渲染時,可以包括異步標簽以請求 諸如JavaScript?的腳本。該腳本被配置為基于客戶端設(shè)備的類型、客戶端設(shè)備的屏幕大 小、視口大小、和/或父元素(例如,第二內(nèi)容部分224)的大小而自動為要隨資源220呈現(xiàn)的 內(nèi)容項確定大小,使得發(fā)送至內(nèi)容項選擇系統(tǒng)的請求為在客戶端設(shè)備的顯示器200上呈現(xiàn) 的資源220形成適當大小的內(nèi)容項。
[0042] 圖2B描繪了示出web瀏覽器210的圖2A的顯示器200,諸如通過響應(yīng)性網(wǎng)頁設(shè)計,該 web瀏覽器210被重新設(shè)置大小而使得資源220也被重新設(shè)置大小。該腳本可以被配置為基 于資源220的大小重新設(shè)置而自動為第三方內(nèi)容項確定新的大小。在一些實施方式中,第三 方內(nèi)容項228的新的大小可以是相同的而使得第三方內(nèi)容項228可以簡單地保持被呈現(xiàn)。在 其中新的大小有所不同的情況下,可以從內(nèi)容項選擇系統(tǒng)請求相對應(yīng)的新的大小的第三方 內(nèi)容項230以隨資源220-起顯示,或者之前所派發(fā)的第三方內(nèi)容項228可以在客戶端設(shè)備 處重新設(shè)置大小而無需對內(nèi)容項選擇系統(tǒng)進行請求(例如,經(jīng)由接縫裁剪、拉伸等)。在一些 實施方式中,第三方內(nèi)容項230可以與第三方內(nèi)容項228相同,僅大小有所不同。
[0043]圖3A描繪了諸如智能電話或平板電腦的移動客戶端設(shè)備300,其上可以由客戶端 設(shè)備300的顯示器302顯示資源320。在該實施方式的顯示中,web瀏覽器310在模塊客戶端設(shè) 備300上執(zhí)行以在顯示器302上顯示資源320 web瀏覽器310可以通過在地址欄中接收來自 輸入設(shè)備(例如,指示設(shè)備、鍵盤、觸摸屏或另一種形式的輸入設(shè)備)的諸如web地址的URL的 輸入而進行操作。作為響應(yīng),執(zhí)行來自web瀏覽器310的客戶端設(shè)備300的一個或多個處理模 塊可以從該URL地址所引用的連接至諸如網(wǎng)絡(luò)106的網(wǎng)絡(luò)的另一個設(shè)備(例如,資源服務(wù)器 104)請求數(shù)據(jù)。該其它設(shè)備隨后可以向客戶端設(shè)備300提供用于產(chǎn)生資源320呈現(xiàn)的效果的 數(shù)據(jù),這使得視覺指示被客戶端設(shè)備300的顯示器302顯示。因此,web瀏覽器310顯示所得到 的諸如網(wǎng)頁的資源320。
[0044] 示例資源320被示為由客戶端設(shè)備300的顯示器302使用web瀏覽器310進行顯示。 資源320包括第一內(nèi)容部分322和第二內(nèi)容部分324。第一方內(nèi)容提供者可以經(jīng)由區(qū)分(div) 元素將第一內(nèi)容部分322和第二內(nèi)容部分324分開。在一些實施方式中,諸如實現(xiàn)響應(yīng)性web 設(shè)計方面的資源的實施方式中,第一內(nèi)容部分322和第二內(nèi)容部分324可以基于要在其上顯 示資源320的設(shè)備視口的百分比來定義。第一內(nèi)容部分322和/或第二內(nèi)容部分324包括第一 方內(nèi)容提供者的第一方內(nèi)容,諸如新聞文章、社交網(wǎng)絡(luò)界面、應(yīng)用等。資源320還可以包括用 于請求諸如第三方內(nèi)容項328的一個或多個第三方內(nèi)容項隨第一方內(nèi)容326-起呈現(xiàn)的代 碼。在圖3A所示的實施方式中,第三方內(nèi)容項328被示為在第二內(nèi)容部分324中派發(fā),諸如通 過使用圖1的內(nèi)容項選擇系統(tǒng)108。第一方內(nèi)容提供者可以包括代碼,所述代碼用于識別將 示出第三方內(nèi)容項328的第二內(nèi)容部分324的全部或一部分。例如,第一方內(nèi)容提供者可以 在要呈現(xiàn)第三方內(nèi)容項328的每個點處插入諸如"ins class= 'contentitem'/ins"的一段 代碼。在其它實施方式中,可以使用所插入元素之外的元素,諸如區(qū)分(div)元素 "div class = 'contentitem'/div"。此外,層疊樣式表(CSS)類可以具有"contentitem"以外的標 簽。如以下將更為詳細描述的,在資源320要在客戶端設(shè)備300上進行呈現(xiàn)時,該類(class) 可以包括異步標簽以請求諸如JavaScript?的腳本。該腳本被配置為基于客戶端設(shè)備300的 類型、客戶端設(shè)備300的屏幕大小、視口大小、和/或父元素(例如,第二內(nèi)容部分324)的大小 而自動為要隨資源320呈現(xiàn)的內(nèi)容項確定大小,使得發(fā)送至內(nèi)容項選擇系統(tǒng)的請求為在客 戶端設(shè)備的顯示器300上呈現(xiàn)的資源320形成適當大小的內(nèi)容項。
[0045]圖3B描繪了圖3A的設(shè)備300,其旋轉(zhuǎn)而使得呈現(xiàn)在設(shè)備300的顯示器302上的資源 320從肖像定向旋轉(zhuǎn)為風景定向。在一些情況下,資源320的定向變化可以導(dǎo)致資源320以不 同的配置或大小設(shè)置進行呈現(xiàn)。腳本可以被配置為基于資源320的不同配置或大小設(shè)置而 為第三方內(nèi)容項確定新的大小。在一些實施方式中,第三方內(nèi)容項328的新的大小可以相同 而使得第三方內(nèi)容項328可以簡單地被保持呈現(xiàn)。在新的大小有所不同的情況下,可以從內(nèi) 容項選擇系統(tǒng)請求相對應(yīng)的新的大小的第三方內(nèi)容項330以隨資源320-起顯示,或者之前 所派發(fā)的第三方內(nèi)容項328可以在客戶端設(shè)備300重新設(shè)定大小而無需向內(nèi)容項選擇系統(tǒng) 進行請求(例如,經(jīng)由接縫裁剪、拉伸等)。在一些實施方式中,第三方內(nèi)容項330可以與第三 方內(nèi)容項328相同,僅大小有所不同。如可以意識到的,第三方內(nèi)容項的大小設(shè)置可以被自 動確定而使得資源220、320的所有者或創(chuàng)建者可以無需針對資源220、320的各種大小或配 置確定第三方內(nèi)容項的正確大小。
[0046]以上所描述的諸如"contentiem"的CSS類可以包括請求腳本的異步標簽。所述異 步標簽可以是諸如以下的標簽:
[0052] /script
[0053] 其被插入到要顯示第三方內(nèi)容項的資源的部分之中。在一些實施方式中,該標簽 可以進一步被配置為限制可以被選擇的第三方內(nèi)容項的幾何類型。例如,該標簽可以包括 限制可以被選擇的第三方內(nèi)容項的幾何類型的變量的一個或多個值,諸如名為"data-ad- format"的變量。這樣的幾何類型可以包括水平、垂直、矩形等。因此,在標簽中包括變量 data-ad_format = 〃horizontal,vertical〃導(dǎo)致針對該標簽僅能夠選擇水平和垂直內(nèi)容項 的大小。如果省略了 data-ad-format,則任意幾何類型的內(nèi)容項都可以被選擇。
[0054]當諸如contentitem. js的腳本被客戶端設(shè)備所接收并執(zhí)行時,該腳本可以被配置 為對資源中將派發(fā)第三方內(nèi)容項并且需要大小確定的所有部分進行定位(例如,在ins class= 'contentitem'/ins或div class= 'contentitem'/div所在之處),石角定視口 的大 小,為將派發(fā)第三方內(nèi)容項的每個部分確定父元素的寬度,以及為將派發(fā)第三方內(nèi)容項的 每個部分確定內(nèi)容項大小。在一些實施方式中,該腳本可以被觸發(fā)以基于 DOMContentLoaded事件來執(zhí)行,使得即使資源的所有元素還沒有必然完成加載,也存在著 關(guān)于該資源的元素的各種大小的足夠信息。因此,該腳本能夠針對基于客戶端設(shè)備而以不 同方式進行渲染的資源為第三方內(nèi)容項確定適當?shù)拇笮?,上述資源諸如實現(xiàn)響應(yīng)性網(wǎng)頁設(shè) 計的網(wǎng)頁。如這里將更為詳細描述的,該內(nèi)容項大小的確定可以至少部分地基于資源的視 口的大小和父元素的寬度。該腳本可以被配置為查詢文檔對象模型(D0M)以找出ins class =' contentitem' /ins或 div class = ' content item'/div 所在之處的父元素,并且針對該 父元素的寬度而查詢DOM。在一些實施方式中,在確定內(nèi)容項大小時也可以使用父元素的高 度。
[0055] 內(nèi)容項大小確定可以包括選擇預(yù)定標準大小,諸如由互動廣告局(IAB)所指定的 標準大小。這樣的標準大小可以包括320px乘50px、234px乘60px、468px乘60px、728px乘 90px、970px乘90px、125px乘125px、180px乘150px、200px乘200px、250px乘250px、300px乘 250px、336px 乘 280px、120px 乘600px、160px乘600px、300px 乘600px,和/或任意其它標準內(nèi) 容項大小。如這里將要更為詳細描述的,可以對標準大小的集合進行排名并且排名最高的 標準大小可以被選擇。
[0056] 在一些實施方式中,有資格進行排名的標準大小的集合可能受到另外限制的影 響。例如,在標準大小的面積超過視口面積的預(yù)定百分比的閾值值的情況下可以不對標準 大小進行排名。該閾值值可以是1 〇 % (包含)至50 % (包含)之間的值。在一個實施例中,該閾 值值可以是15%。在其它實施方式中,第一方內(nèi)容提供者可以指定該閾值值。將標準內(nèi)容項 大小包括在排名之中的其它限制可以是:標準內(nèi)容項大小的寬度是否超過視口的寬度,標 準內(nèi)容項大小的高度是否超過視口的高度,和/或基于data-ad-format的變量的一個或多 個值標準內(nèi)容項大小是否是被排除的幾何類型。
[0057] -旦確定了有資格的標準內(nèi)容項大小的集合,該標準內(nèi)容項大小的集合中的每