自动为网页的内容项确定大小的制作方法_3

文档序号:9829918阅读:来源:国知局
与某些关键词、短语等相匹配或相关的内容时被选择并派发。第三方内容提供者可以针 对若干内容项设置单一出价值、针对内容项的子集设置出价值、和/或针对每个内容项设置 出价值。第三方内容提供者还可以设置出价值的类型,诸如基于用户是否点击第三方内容 项的出价、用户是否基于第三方内容项的呈现执行特定动作的出价、第三方内容项是否被 选择并派发的出价、和/或其它类型的出价。
[0040] 虽然以上已经提供了用于选择并且向客户端设备110派发内容项的系统100的概 况,现在将参考图2A-3B对随资源派发的内容项的示例进行描述。图2A描绘了诸如图1的客 户端设备110的客户端设备的示例显示器200(在虚线中示出),其具有用于在显示器200上 显示资源的web浏览器210 jeb浏览器210可以通过在地址栏中接收来自输入设备(例如,指 示设备、键盘、触摸屏、或另一种形式的输入设备)的诸如web地址的URL输入而进行操作。作 为响应,执行来自web浏览器210的指令的客户端设备的一个或多个处理模块可以从该URL 地址所引用的连接至诸如网络106的网络的另一个设备(例如,资源服务器104)请求数据。 该其它设备随后可以向客户端设备提供用于产生资源呈现效果的数据,这使得视觉指示被 客户端设备的显示器200显示。因此,web浏览器210显示所得到的诸如网页的资源220。 [0041] 示例资源220被示为由客户端设备的显示器200使用web浏览器210进行显示。资源 220包括第一内容部分222和第二内容部分224。第一方内容提供者可以经由区分(div)元素 将第一内容部分222和第二内容部分224分开。在一些实施方式中,诸如实现响应性web设计 方面的资源的实施方式中,第一内容部分222和第二内容部分224可以基于要在其上显示资 源220的设备视口的百分比来定义。该视口是在显示资源220时能够在浏览器210或其它应 用内看到的区域。第一内容部分222和/或第二内容部分224可以包括第一方内容提供者的 第一方内容,诸如新闻文章、社交网络界面、应用等。资源220还可以包括用于请求诸如第三 方内容项228的一个或多个第三方内容项随第一方内容226-起进行呈现的代码。在图2A所 示的实施方式中,第三方内容项228被示为在第二内容部分224中派发,诸如通过使用图1的 内容项选择系统108。第一方内容提供者可以包括代码,所述代码用于识别其中将示出第三 方内容项228的第二内容部分224的全部或一部分。例如,第一方内容提供者可以在要呈现 第三方内容项的每个点处插入诸如"ins class = 'content item'/ins"的一段代码。在其它 实施方式中,可以使用所插入元素之外的元素,诸如区分(div)元素 "div class = ' content item'/div"。此外,层叠样式表(CSS)类可以具有"contentitem"以外的标签。如以 下将更为详细描述的,在资源220要在客户端设备上进行渲染时,可以包括异步标签以请求 诸如JavaScript?的脚本。该脚本被配置为基于客户端设备的类型、客户端设备的屏幕大 小、视口大小、和/或父元素(例如,第二内容部分224)的大小而自动为要随资源220呈现的 内容项确定大小,使得发送至内容项选择系统的请求为在客户端设备的显示器200上呈现 的资源220形成适当大小的内容项。
[0042] 图2B描绘了示出web浏览器210的图2A的显示器200,诸如通过响应性网页设计,该 web浏览器210被重新设置大小而使得资源220也被重新设置大小。该脚本可以被配置为基 于资源220的大小重新设置而自动为第三方内容项确定新的大小。在一些实施方式中,第三 方内容项228的新的大小可以是相同的而使得第三方内容项228可以简单地保持被呈现。在 其中新的大小有所不同的情况下,可以从内容项选择系统请求相对应的新的大小的第三方 内容项230以随资源220-起显示,或者之前所派发的第三方内容项228可以在客户端设备 处重新设置大小而无需对内容项选择系统进行请求(例如,经由接缝裁剪、拉伸等)。在一些 实施方式中,第三方内容项230可以与第三方内容项228相同,仅大小有所不同。
[0043]图3A描绘了诸如智能电话或平板电脑的移动客户端设备300,其上可以由客户端 设备300的显示器302显示资源320。在该实施方式的显示中,web浏览器310在模块客户端设 备300上执行以在显示器302上显示资源320 web浏览器310可以通过在地址栏中接收来自 输入设备(例如,指示设备、键盘、触摸屏或另一种形式的输入设备)的诸如web地址的URL的 输入而进行操作。作为响应,执行来自web浏览器310的客户端设备300的一个或多个处理模 块可以从该URL地址所引用的连接至诸如网络106的网络的另一个设备(例如,资源服务器 104)请求数据。该其它设备随后可以向客户端设备300提供用于产生资源320呈现的效果的 数据,这使得视觉指示被客户端设备300的显示器302显示。因此,web浏览器310显示所得到 的诸如网页的资源320。
[0044] 示例资源320被示为由客户端设备300的显示器302使用web浏览器310进行显示。 资源320包括第一内容部分322和第二内容部分324。第一方内容提供者可以经由区分(div) 元素将第一内容部分322和第二内容部分324分开。在一些实施方式中,诸如实现响应性web 设计方面的资源的实施方式中,第一内容部分322和第二内容部分324可以基于要在其上显 示资源320的设备视口的百分比来定义。第一内容部分322和/或第二内容部分324包括第一 方内容提供者的第一方内容,诸如新闻文章、社交网络界面、应用等。资源320还可以包括用 于请求诸如第三方内容项328的一个或多个第三方内容项随第一方内容326-起呈现的代 码。在图3A所示的实施方式中,第三方内容项328被示为在第二内容部分324中派发,诸如通 过使用图1的内容项选择系统108。第一方内容提供者可以包括代码,所述代码用于识别将 示出第三方内容项328的第二内容部分324的全部或一部分。例如,第一方内容提供者可以 在要呈现第三方内容项328的每个点处插入诸如"ins class= 'contentitem'/ins"的一段 代码。在其它实施方式中,可以使用所插入元素之外的元素,诸如区分(div)元素 "div class = 'contentitem'/div"。此外,层叠样式表(CSS)类可以具有"contentitem"以外的标 签。如以下将更为详细描述的,在资源320要在客户端设备300上进行呈现时,该类(class) 可以包括异步标签以请求诸如JavaScript?的脚本。该脚本被配置为基于客户端设备300的 类型、客户端设备300的屏幕大小、视口大小、和/或父元素(例如,第二内容部分324)的大小 而自动为要随资源320呈现的内容项确定大小,使得发送至内容项选择系统的请求为在客 户端设备的显示器300上呈现的资源320形成适当大小的内容项。
[0045]图3B描绘了图3A的设备300,其旋转而使得呈现在设备300的显示器302上的资源 320从肖像定向旋转为风景定向。在一些情况下,资源320的定向变化可以导致资源320以不 同的配置或大小设置进行呈现。脚本可以被配置为基于资源320的不同配置或大小设置而 为第三方内容项确定新的大小。在一些实施方式中,第三方内容项328的新的大小可以相同 而使得第三方内容项328可以简单地被保持呈现。在新的大小有所不同的情况下,可以从内 容项选择系统请求相对应的新的大小的第三方内容项330以随资源320-起显示,或者之前 所派发的第三方内容项328可以在客户端设备300重新设定大小而无需向内容项选择系统 进行请求(例如,经由接缝裁剪、拉伸等)。在一些实施方式中,第三方内容项330可以与第三 方内容项328相同,仅大小有所不同。如可以意识到的,第三方内容项的大小设置可以被自 动确定而使得资源220、320的所有者或创建者可以无需针对资源220、320的各种大小或配 置确定第三方内容项的正确大小。
[0046]以上所描述的诸如"contentiem"的CSS类可以包括请求脚本的异步标签。所述异 步标签可以是诸如以下的标签:
[0052] /script
[0053] 其被插入到要显示第三方内容项的资源的部分之中。在一些实施方式中,该标签 可以进一步被配置为限制可以被选择的第三方内容项的几何类型。例如,该标签可以包括 限制可以被选择的第三方内容项的几何类型的变量的一个或多个值,诸如名为"data-ad- format"的变量。这样的几何类型可以包括水平、垂直、矩形等。因此,在标签中包括变量 data-ad_format = 〃horizontal,vertical〃导致针对该标签仅能够选择水平和垂直内容项 的大小。如果省略了 data-ad-format,则任意几何类型的内容项都可以被选择。
[0054]当诸如contentitem. js的脚本被客户端设备所接收并执行时,该脚本可以被配置 为对资源中将派发第三方内容项并且需要大小确定的所有部分进行定位(例如,在ins class= 'contentitem'/ins或div class= 'contentitem'/div所在之处),石角定视口 的大 小,为将派发第三方内容项的每个部分确定父元素的宽度,以及为将派发第三方内容项的 每个部分确定内容项大小。在一些实施方式中,该脚本可以被触发以基于 DOMContentLoaded事件来执行,使得即使资源的所有元素还没有必然完成加载,也存在着 关于该资源的元素的各种大小的足够信息。因此,该脚本能够针对基于客户端设备而以不 同方式进行渲染的资源为第三方内容项确定适当的大小,上述资源诸如实现响应性网页设 计的网页。如这里将更为详细描述的,该内容项大小的确定可以至少部分地基于资源的视 口的大小和父元素的宽度。该脚本可以被配置为查询文档对象模型(D0M)以找出ins class =' contentitem' /ins或 div class = ' content item'/div 所在之处的父元素,并且针对该 父元素的宽度而查询DOM。在一些实施方式中,在确定内容项大小时也可以使用父元素的高 度。
[0055] 内容项大小确定可以包括选择预定标准大小,诸如由互动广告局(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,和/或任意其它标准内 容项大小。如这里将要更为详细描述的,可以对标准大小的集合进行排名并且排名最高的 标准大小可以被选择。
[0056] 在一些实施方式中,有资格进行排名的标准大小的集合可能受到另外限制的影 响。例如,在标准大小的面积超过视口面积的预定百分比的阈值值的情况下可以不对标准 大小进行排名。该阈值值可以是1 〇 % (包含)至50 % (包含)之间的值。在一个实施例中,该阈 值值可以是15%。在其它实施方式中,第一方内容提供者可以指定该阈值值。将标准内容项 大小包括在排名之中的其它限制可以是:标准内容项大小的宽度是否超过视口的宽度,标 准内容项大小的高度是否超过视口的高度,和/或基于data-ad-format的变量的一个或多 个值标准内容项大小是否是被排除的几何类型。
[0057] -旦确定了有资格的标准内容项大小的集合,该标准内容项大小的集合中的每
当前第3页1 2 3 4 5 6 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1