CN109074214A - 用于控制内容的显示的系统和方法 - Google Patents

用于控制内容的显示的系统和方法 Download PDF

Info

Publication number
CN109074214A
CN109074214A CN201680025895.1A CN201680025895A CN109074214A CN 109074214 A CN109074214 A CN 109074214A CN 201680025895 A CN201680025895 A CN 201680025895A CN 109074214 A CN109074214 A CN 109074214A
Authority
CN
China
Prior art keywords
content
information resources
item
client device
range
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201680025895.1A
Other languages
English (en)
Other versions
CN109074214B (zh
Inventor
伊萨克·斯特林·万杜因
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Google LLC
Original Assignee
Google LLC
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Google LLC filed Critical Google LLC
Publication of CN109074214A publication Critical patent/CN109074214A/zh
Application granted granted Critical
Publication of CN109074214B publication Critical patent/CN109074214B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241Advertisements
    • G06Q30/0277Online advertisement
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Finance (AREA)
  • Development Economics (AREA)
  • Accounting & Taxation (AREA)
  • Strategic Management (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • General Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Game Theory and Decision Science (AREA)
  • General Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • Entrepreneurship & Innovation (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本文描述用于控制信息资源的内容的显示的系统和方法。所述系统可以接收来自客户端设备的对信息资源的请求。所述系统可以传输可以包括第一内容部分、第二内容部分和内容显示管理脚本的信息资源。所述内容显示管理脚本可以包括可以使得客户端设备进行以下动作的指令:(a)设置所述信息资源的滚动范围从第一位置到信息资源中的第二位置;(b)在第一位置与第二位置之间的信息资源的部分内显示所述第一内容部分和可以包括可操作项的内容项;以及(c)响应于检测到可操作项上的交互而将所述滚动范围设置为从第一位置到信息资源的第三位置。

Description

用于控制内容的显示的系统和方法
背景技术
在例如互联网的计算机网络环境中,内容提供方提供用于在终端用户计算设备上显示的内容。内容通常采用可显示的一个或多个部分的形式。例如,通常通过一个或多个网页来提供内容的部分,其中内容的每一部分被提供为网页。
发明内容
至少一个方面涉及一种控制信息资源的内容的显示的方法。所述方法可以包括接收来自在客户端设备上执行的应用的对信息资源的请求。方法可以包括将信息资源传输到客户端设备。信息资源可以包括至少第一内容部分、第二内容部分和内容显示管理脚本。内容显示管理脚本可以包括计算机可执行指令,所述指令在由客户端设备的处理器执行时可以使得客户端设备的应用将信息资源的滚动范围设置为第一范围,所述第一范围从信息资源中的第一位置延伸到信息资源中的第二位置。计算机可执行指令可以使得客户端设备的应用在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项。内容项可以包括可操作项以将信息资源的滚动范围设置为第二范围。计算机可执行指令可以响应于检测到内容项的可操作项上的交互而使得客户端设备的应用将滚动范围设置为第二范围,所述第二范围从第一位置延伸到信息资源的第三位置。
在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用基于第一内容部分的第一端部来识别信息资源中的第一位置,以及基于内容项的第二端部来识别信息资源中的第二位置。在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用响应于检测到来自客户端设备的内容项的可操作项上的交互而从信息资源上的显示移除所述可操作项。在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用确定内容项已被显示在信息资源上的时间量,且响应于确定所述时间量超过预定义时间阈值而启用内容项上的可操作项以接收所述交互。
在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用将内容项插入在第一内容部分与第二内容部分之间,且基于内容项在信息资源内的定位来识别第二位置。在一些实现方式中,将内容项插入在第一内容部分与第二内容部分之间可以包括确定应用的视口的大小,和确定信息资源内的第二位置,使得当应用的滚动位置在第二位置时,内容项占据大于视口所限定的像素的预定百分比。在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用将包括第二可操作项的第二内容项插入在信息资源的第二位置与信息资源的第三位置之间以供显示。在一些实现方式中,内容显示管理脚本的计算机可执行指令可以进一步使得客户端设备的应用响应于检测到第二内容项的第二可操作项上的第二交互而将滚动范围设置为第三范围,所述第三范围从第一位置延伸到信息资源的第四位置。
至少一个方面涉及一种控制信息资源的内容的显示的方法。方法可以包括接收来自服务器的信息资源。信息资源可以包括至少第一内容部分、第二内容部分和内容显示管理脚本。方法可以包括响应于接收到信息资源来调用内容显示管理脚本。方法可以包括响应于调用内容显示管理脚本而通过客户端设备将信息资源的滚动范围设置为从信息资源中的第一位置延伸到信息资源中的第二位置的第一范围。方法可以包括在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项,所述内容项包括用以将信息资源的滚动范围设置为第二范围的可操作项。方法可以包括响应于检测到内容项的可操作项上的交互而将滚动范围为从第一位置延伸到信息资源的第三位置的第二范围。
在一些实现方式中,方法可以进一步包括基于第一内容部分的第一端部来识别信息资源中的第一位置。在一些实现方式中,方法可以进一步包括基于第二内容项的第二端部来识别信息资源中的第二位置。在一些实现方式中,方法可以进一步包括响应于检测到来自客户端设备的内容项的可操作项上的交互而从信息资源上的显示移除可操作项。在一些实现方式中,方法可以进一步包括确定内容项已被显示在信息资源上的时间量。在一些实现方式中,方法可以进一步包括响应于确定所述时间量超过预定义时间阈值而启用内容项上的可操作项以接收所述交互。
在一些实现方式中,方法可以进一步包括确定应用的视口的大小和确定信息资源内的第二位置,使得当应用的滚动位置在第二位置时,内容项占据大于视口所限定的像素的预定百分比。在一些实现方式中,方法可以进一步包括将包括第二可操作项的第二内容项插入在信息资源的第二位置与信息资源的第三位置之间以供显示。在一些实现方式中,方法可以进一步包括响应于检测到第二内容项的第二可操作项上的第二交互而将滚动范围设置为从第一位置延伸到信息资源的第四位置的第三范围。
至少一个方面涉及一种用于控制信息资源的内容的显示的系统。系统可以包括在一个或多个处理器上执行的滚动范围设置模块,其可以将信息资源的滚动范围设置为从信息资源中的第一位置延伸到信息资源中的第二位置的第一范围。信息资源可以包括至少例如第一内容部分和第二内容部分。系统可以包括在一个或多个处理器上执行的内容显示模块,其可以在第一位置与第二位置之间的应用上的信息资源的一部分内显示第一内容部分和内容项。内容项可以包括可操作项以将信息资源的滚动范围设置为第二范围。系统可以包括在一个或多个处理器上执行的内容项交互检测模块,其可以检测在内容项的可操作项上的交互。滚动范围设置模块可以响应于检测到内容项的可操作项上的交互而将滚动范围设置为从第一位置延伸到信息资源的第三位置的第二范围。
在一些实现方式中,滚动范围设置模块可以基于第一内容部分的初始端部来识别信息资源中的第一位置。在一些实现方式中,滚动范围设置模块可以基于广告的最终端部来识别信息资源中的第二位置。在一些实现方式中,滚动范围设置模块可以将内容项插入在第一内容部分与第二内容部分之间,且可以基于内容项在信息资源内的位置来确定第二位置。在一些实现方式中,滚动范围设置模块可以确定应用的视口的大小和可以确定信息资源内的第二位置,使得当应用的滚动位置在第二位置时,内容项占据大于视口所限定的像素的预定百分比。在一些实现方式中,滚动范围设置模块可以将包括第二可操作项的第二内容项插入在信息资源的第二位置与信息资源的第三位置之间以供显示。在一些实现方式中,滚动范围设置模块可以响应于检测到第二内容项的第二可操作项上的第二交互而将滚动范围设置为从第一位置延伸到信息资源的第四位置的第三范围。
在一些实现方式中,内容项交互检测模块可以响应于检测到来自客户端设备的内容项的可操作项上的交互而从信息资源上的显示移除可操作项。在一些实现方式中,内容项交互检测模块可以确定已提供第一内容部分用于显示在信息资源上的时间量。在一些实现方式中,内容项交互检测模块可以响应于确定所述时间量超过预定义时间阈值而启用内容项上的可操作项以接收所述交互。
下文详细论述这些和其他方面和实现方式。前述的信息和以下详细描述包括各种方面和实现方式的说明性实例,且提供用于理解所要求方面和实现方式的性质和特性的概述或框架。附图提供各种方面和实现方式的说明和进一步理解,且并入到本说明书并构成本说明书的一部分。
附图说明
附图并不意图按比例绘制。各图中的相同参考标号及名称指示相同元件。为了清晰性的目的,并非每个图中都可以标记每个组件。在图中:
图1是根据说明性实现方式的描绘用于控制计算机网络环境中的信息资源的内容的显示的环境的一个实现方式的框图;
图2是根据说明性实现方式的描绘内容显示管理系统的一个实现方式的框图;
图3A是根据说明性实现方式的示出信息资源的第一内容部分和内容项的部分的视口的框图;
图3B是根据说明性实现方式的示出占据大多数视口的内容项的图3A中所示的视口的框图;
图3C是根据说明性实现方式的示出内容项的第二部分和信息资源上的第二内容部分的图3A中所示的视口的框图;
图4是根据说明性实现方式的描绘控制信息资源的内容的显示的方法的流程图;以及
图5是根据说明性实现方式的示出用于可用以实现本文描述和示出的系统和方法的元件的计算机系统的总体架构的框图。
具体实施方式
下文是与控制计算机网络环境中信息资源的内容的显示的方法、装置和系统相关的各种概念以及其实现方式的更详细描述。上文介绍并在下文更详细论述的各种概念可以以许多方式中的任何一种来实现,因为所描述的概念并未限于任何特定的实现方式。
本公开涉及用于显示包括可自由滚动的内容的信息资源的技术,例如在网页上显示的长篇文章。
所述技术涉及在包括不能在应用的视口内显示的内容的信息资源(例如网页或应用的页面)内设置滚动范围。信息资源的所有内容可能不适合应用的视口,或以另一方式说明不适合可用于通过应用显示的区域。用户可以使用应用的滚动特征来查看内容的各个部分。可以设置滚动范围以限定可用于显示的信息资源的范围、量或区域。以此方式,通过将滚动范围设置为从第一位置延伸到第二位置,可以控制内容的显示。例如,可以设定内容项的大小以匹配通过其显示信息资源的浏览器或应用的视口,且当滚动框已达到与第二位置相对应的滚动范围的端部时,可以全部显示内容项。内容项可以包括被配置成使显示信息资源的应用调整信息资源的滚动范围的可操作项。当用户与可操作项进行交互时,可以增加或扩展滚动范围,从而允许用户查看在信息资源被加载时可能被加载但由于附加内容超出了应用所设置的滚动范围而不能在应用的视口内显示的信息资源的附加内容。
本文描述的技术可以通过将脚本插入到信息资源中来实现,所述脚本可以使经由其显示信息资源的计算设备的应用设置信息资源的滚动范围,检测可操作项上的交互,且接着响应于检测到可操作项上的交互来调整信息资源的滚动范围。
在一些实现方式中,通过实现此技术,可以将多页内容拼接在一起或以其他方式包括在单个页面中,同时仍维持内容发布者控制如何显示内容的部分的能力。通过实现此技术,可以通过请求和检索仅一个页面而非多个页面来显示相同的内容,因此消除了不同页面之间的加载时间。此外,通过允许用户在扩展滚动范围之后滚动回到信息资源的第一端部,用户可以通过滚动朝向信息资源的第一端部来查看内容。相比来说,在传统内容显示中,一旦用户改变内容项的显示部分,例如通过导航到不同的网页,用户可能需要导航回到先前的网页来查看先前查看的内容。因此所述技术提供了对用户如何显示内容的附加控制,而不会不适当地影响用户的体验。此类附加控制可以例如控制如何向用户显示不同的内容。可以使用附加控制来在显示附加内容之前获得用户输入。可以例如使用此类用户输入来在显示内容之前获得来自用户的指示。可以使用所述用户输入来从用户获得用户满足条件、接受某些条件或用于监视与查看内容相关联的信息的确认。
至少一个方面涉及用于控制信息资源的内容的显示的计算机化方法。包括一个或多个处理器的数据处理系统可以经由在客户端设备上执行的应用而接收来自客户端设备的对信息资源的请求。数据处理系统可以响应于接收到来自客户端设备的信息资源的请求而传输信息资源,其包括至少第一内容部分、第二内容部分和内容显示管理脚本。内容显示管理脚本可以包括计算机可执行指令,所述指令在由客户端设备的处理器执行时使得客户端设备的应用将信息资源的滚动范围设置为第一范围,所述第一范围从信息资源中的第一位置延伸到信息资源中的第二位置。计算机可执行指令可以使得客户端设备的应用在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项。内容项可以包括可操作项以将信息资源的滚动范围设置为第二范围。计算机可执行指令可以响应于检测到内容项的可操作项上的交互而使得客户端设备的应用将滚动范围设置为第二范围,所述第二范围从第一位置延伸到信息资源的第三位置。
图1是描绘用于控制信息资源的内容的显示的环境的一个实现方式的框图。环境100包括至少一个数据处理系统110。数据处理系统110可以包括至少一个处理器和存储器,即处理电路。存储器存储处理器可执行指令,所述指令在由处理器执行时使得所述处理器执行本文描述的操作中的一者或多者。处理器可以包括微处理器、专用集成电路(ASIC)、现场可编程门陈列(FPGA)等或其组合。存储器可以包括但不限于电子、光学、磁性或任何其他存储器,或者能够为处理器提供程序指令的传输设备。存储器可以进一步包括软盘、CD-ROM、DVD、磁盘、存储芯片、ASIC、FPGA、只读存储器(ROM)、随机存取存储器(RAM)、电可擦除ROM(EEPROM)、可擦除可编程ROM(EPROM)、闪速存储器、光学介质、或者处理器可从其读取指令的任何其他合适的存储器。指令可以包括来自任何合适的计算机编程语言的代码。数据处理系统可以包括可以执行各种功能的一个或多个计算设备或服务器。在一些实现方式中,数据处理系统可以包括被配置成托管拍卖的广告拍卖系统。在一些实现方式中,数据处理系统并未包括广告拍卖系统,但被配置成经由网络105而与广告拍卖系统通信。
网络105可以包括例如互联网、局域网、广域网、城域网或其他区域网络、内联网、卫星网络的计算机网络、例如语音或数据移动电话通信网络的其他计算机网络、及其组合。系统100的数据处理系统110可以经由网络105而例如与至少一个内容提供方计算设备115、至少一个内容发布者计算设备120或至少一个客户端设备125通信。网络105可以是在用户计算设备115、数据处理系统110与一个或多个内容源(例如,web服务器、广告服务器等)之间中继信息的任何形式的计算机网络。例如,网络105可以包括互联网和/或其他类型的数据网络,例如局域网(LAN)、广域网(WAN)、蜂窝式网络、卫星网络或其他类型的数据网络。网络105还可以包括被配置成在网络105内接收和/或发射数据的任何数目的计算设备(例如,计算机、服务器、路由器、网络交换机等)。网络105可以进一步包括任何数目的硬接线和/或无线连接。例如,用户计算设备115可以以无线方式(例如,经由WiFi、蜂窝式、无线电等)来与在网络105中硬接线(例如,经由光纤电缆、CATS电缆等)到其他计算设备的收发器通信。
内容提供方计算设备115可以包括由内容提供方实体操作以提供用于在客户端设备125处的信息资源上显示的内容项的服务器或其他计算设备。由内容提供方计算设备115提供的内容可以例如包括用于显示在信息资源(例如包括主要内容的网站或网页)上的第三方内容项,所述主要内容例如是由内容发布者计算设备120提供的内容。内容项也可以显示在搜索结果网页上。例如,内容提供方计算设备115可以提供或者是用于在内容网页的内容槽中显示的源内容项,例如由公司提供网页的主要内容的所述公司的网页,或者用于显示在由搜索引擎提供的搜索结果登陆页面上。与内容提供方计算设备115相关联的内容项可以显示在除了网页之外的信息资源上,例如作为智能电话或其他客户端设备125上的应用的执行的一部分显示的内容。
内容发布者计算设备120可以包括由内容发布实体操作以提供用于经由网络105显示的主要内容的服务器或其他计算设备。例如,内容发布者计算设备120可以包括提供用于显示在网页上的主要内容的网页操作者。主要内容可以包括与内容发布者计算设备120所提供的不同的内容,且网页可以包括被配置用于来自内容提供方计算设备115的第三方内容项的显示的内容槽。例如,内容发布者计算设备120可以操作公司的网站,且可以提供关于所述公司的内容用于显示在网站的网页上。网页可以例如包括被配置用于第三方内容项(例如内容提供方计算设备115的广告)的显示的内容槽。在一些实现方式中,内容发布者计算设备120包括操作搜索引擎网站的搜索引擎操作者的搜索引擎计算设备(例如服务器)。搜索引擎网页(例如,结果或登陆网页)的主要内容可以包括搜索结果以及在内容槽中显示的第三方内容项(例如来自内容提供方计算设备115的内容项)。在一些实现方式中,内容发布者计算设备120可以包括用于服务视频内容的服务器。
终端用户计算设备125可以包括被配置为经由网络105进行通信以显示数据的计算设备,所述数据例如由内容发布者计算设备120提供的内容(例如,主要网页内容或其他信息资源)以及由内容提供方计算设备115提供的内容(例如,被配置用于在网页的内容槽中显示的第三方内容项)。客户端设备125、内容提供方计算设备115和内容发布者计算设备120可以包括台式计算机、膝上型计算机、平板计算机、智能电话、个人数字助理、移动设备、消费者计算设备、服务器、客户端、数字视频录像机、用于电视的机顶盒、视频游戏控制台、或被配置成经由网络105通信的任何其他计算设备。终端用户计算设备125可以是终端用户可以通过其提交接收内容的请求的通信设备。请求可以是对搜索引擎的请求,且所述请求可以包括搜索查询。在一些实现方式中,请求可以包括访问网页的请求。
内容提供方计算设备115、内容发布者计算设备120和终端用户计算设备125可以包括处理器和存储器,即处理电路。存储器存储机器指令,所述指令在由处理器执行时使得处理器执行本文描述的操作中的一者或多者。处理器可以包括微处理器、专用集成电路(ASIC)、现场可编程门陈列(FPGA)等或其组合。存储器可以包括但不限于电子、光学、磁性或任何其他存储器,或者能够为处理器提供程序指令的传输设备。存储器可以进一步包括软盘、CD-ROM、DVD、磁盘、存储芯片、ASIC、FPGA、只读存储器(ROM)、随机存取存储器(RAM)、电可擦除ROM(EEPROM)、可擦除可编程ROM(EPROM)、闪速存储器、光学介质、或者处理器可从其读取指令的任何其他合适的存储器。指令可以包括来自任何合适的计算机编程语言的代码。
内容提供方计算设备115、内容发布者计算设备120和终端用户计算设备125还可以包括一个或多个用户界面设备。一般来说,用户界面设备是指通过生成感觉信息(例如,显示器上的可视化、一个或多个声音等)而传达数据到用户和/或将接收到的来自用户的感觉信息转换成电子信号的任何电子设备(例如,键盘、鼠标、指针设备、触摸屏显示器、麦克风等)。根据各种实现方式,一个或多个用户界面设备可以在内容提供方计算设备115、内容发布者计算设备120和终端用户计算设备125的外壳的内部(例如,内置显示器、麦克风等),或者在内容提供方计算设备115、内容发布者计算设备120和终端用户计算设备125的外壳的外部(例如,连接到用户计算设备115的监视器、连接到用户计算设备115的扬声器等)。例如,内容提供方计算设备115、内容发布者计算设备120和终端用户计算设备125可以包括电子显示器,其使用经由网络105而从一个或多个内容源和/或从数据处理系统110接收的网页数据来在视觉上显示网页。在一些实现方式中,内容放置活动管理器或例如广告商的第三方内容提供方可以经由内容提供方计算设备115与数据处理系统110通信。在一些实现方式中,广告商可以经由在内容提供方计算设备115的用户界面设备上显示的用户界面而与数据处理系统110通信。
数据处理系统110可以包括至少一个服务器。例如,数据处理系统110可以包括定位在至少一个数据中心或服务器场中的多个服务器。在一些实现方式中,数据处理系统110包括内容放置系统。数据处理系统110可以包括至少一个内容请求模块130、至少一个内容选择模块135、至少一个脚本提供方模块140和至少一个数据库145。内容项选择130、内容选择模块135和脚本提供方模块140各自可以包括至少一个处理单元、服务器、虚拟服务器、电路、引擎、代理、电器或其他逻辑设备,例如被配置成经由网络105与数据库145和与其他计算设备(例如,内容提供方计算设备115、内容发布者计算设备120或客户端设备125)通信的可编程逻辑阵列。
内容请求模块130、内容选择模块135和脚本提供方模块140可以包括或执行至少一个计算机程序或至少一个脚本。内容请求模块130、内容选择模块135和脚本提供方模块140可以是独立组件、单个组件或者数据处理系统110的部分。内容请求模块130、内容选择模块135和脚本提供方模块140可以包括软件和硬件的组合,例如被配置成执行一个或多个脚本的一个或多个处理器。
数据处理系统110还可以包括一个或多个内容储存库或数据库145。数据库145可以在数据处理系统110的本地。在一些实现方式中,数据库145可以在数据处理系统110的远程,但可以经由网络105与数据处理系统110通信。数据库145可以包括网页、网页的部分、内容项(例如,广告)和内容显示管理脚本等,以用于客户端设备125。在一些实现方式中,网页、网页的部分和内容项(例如,广告)可以包括在图3A-3C中说明性描绘的那些。下文将提供数据库145的内容的附加细节。
内容请求模块130可以接收来自客户端设备125的对内容的请求。对内容的请求可以包括对信息资源(例如,网页或者用于应用的页面)的请求和对内容项的请求等。对内容的请求可以包括用于信息资源或内容项的地址或标识符。例如,对内容的请求可以包括引用例如网页的特定资源的统一资源定位符(URL)(例如,“https://www.example.com/homepage.html”)。在一些实现方式中,内容请求模块130可以接收对可以包括指示内容显示管理脚本的指示符的信息资源的请求。例如,对信息资源的请求可以包括报头,其包括指定内容请求模块130发送内容显示管理脚本连同信息资源到客户端设备125的指示符。
内容选择模块135可以确定传输到客户端设备125的内容。内容选择模块135可以识别用于包括在对内容的请求中的信息资源和内容项的地址或标识符。内容选择模块135可以访问数据库145,并选择由地址或标识符识别的信息资源或内容项。信息资源可以包括由内容发布者120提供的一个或多个内容部分。例如,含有新闻文章的网页可以每两到三段文字来划分。内容项可以包括由内容提供方115提供的静态文本或图像广告、视频广告和视听广告。在一些实现方式中,包括在信息资源中的内容可以由内容发布者划分为多个内容部分。在一些实现方式中,包括在信息资源中的内容可以由内容请求模块130划分为多个内容部分。在一些实现方式中,内容请求模块130可以通过分析信息资源的DOM树来将内容划分为多个内容部分。明确地说,内容请求模块130可以识别DOM树中的某些DOM元素并基于DOM元素来划分内容。例如,可以将对应于段落或标题的每一DOM元素视为独立的内容部分。
在一些实现方式中,内容选择模块135可以识别请求的类型。在一些实现方式中,内容选择模块135可以基于从客户端设备125接收的对内容的请求而确定是否传输内容显示管理。内容选择模块135可以确定请求的类型是否对应于适合于传输内容显示管理脚本的请求,所述请求可以通过基于信息资源内的内容项的位置或滚动位置来设置滚动范围而使得客户端设备125提供内容项。位置或滚动位置可以是例如滚动框相对于滚动条且在滚动条内的位置。位置或滚动位置也可以是例如分别从左边(x轴)和上方(y轴)隐藏的水平轴和垂直轴中的像素数目的像素坐标或缩放坐标。在一些实现方式中,内容选择模块135还可以选择用于在信息资源内显示的内容项。
脚本提供方模块140可以将内容传输到客户端设备125。传输到客户端设备125的内容可以包括至少第一内容部分、第二内容部分和内容显示管理脚本。内容显示管理脚本可以包括计算机可执行指令。计算机可执行指令可以包括脚本,例如超文本标记语言(HTML)、可扩展超文本标记语言(XHTML)、可扩展标记语言(XML)、级联样式表(CSS)和JavaScript等。计算机可执行指令可以通过客户端设备的应用来执行,例如使客户端设备传输内容请求模块130所接收的对内容的请求的应用。应用可以包括例如互联网浏览器、移动应用、或能够读取和执行计算机可执行指令的任何其他计算机程序。简要概述,计算机可执行指令在由客户端设备125的处理器执行时可以使得客户端设备的应用进行以下动作:(a)将信息资源的滚动范围设置为从信息资源中的第一位置延伸到信息资源中的第二位置的第一范围;(b)在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项,内容项包括将信息资源的滚动范围设置为第二范围的可操作项;以及(c)响应于检测到内容项的可操作项上的交互,将滚动范围设置为从第一位置延伸到信息资源的第三位置的第二范围。本文关于图2和图3A-3C来提供与内容显示管理脚本的功能相关的附加细节。
参看图2,图2是根据说明性实现方式的描绘内容显示管理系统200的一个实现方式的框图。内容显示管理系统200可以包括应用205、信息资源210、滚动范围设置模块215、内容显示模块220和内容项检测模块225。内容显示管理系统200可以由计算设备的一个或多个处理器运行或以其他方式执行,例如下文在图5中描述的那些处理器。应用205可以包括例如互联网浏览器、移动应用、或能够执行或以其他方式调用计算机可执行指令的任何其他计算机程序,例如包括在信息资源210、滚动范围设置模块215、内容显示模块220和内容项交互检测模块225中的计算机可执行指令。信息资源210可以包括一个或多个内容部分,例如第一内容部分和第二内容部分。信息资源210可以指定一个或多个内容部分和一个或多个内容项的位置。在一些实现方式中,信息资源210可以包括指定一个或多个内容部分的形状、大小和位置的文档对象模型(DOM)树。在一些实现方式中,内容部分可以与包括在DOM树中的DOM元素相对应。信息资源210可以由应用205连同滚动范围设置模块215、内容显示模块220和内容项交互检测模块225一起接收。
参看图3A-3C,图3A-3C是根据说明性实现方式的各自描绘控制信息资源的内容的显示的视口300的显示。视口300可以包括通过应用205可见的信息资源210的部分。视口300可以通过互联网浏览器(例如,应用205)包括例如网页的可见区(例如,信息资源210)。视口300可以显示通过应用205可见的信息资源210的任何部分,包括例如第一内容部分310A和第二内容部分310B的一个或多个内容部分,以及可以包括可操作项320的内容项315。可以通过滚动条305来调整、偏移或以其他方式改变应用205的视口300。滚动框307相对于滚动框307在滚动条305内的位置可以指示通过视口300显示信息资源210的哪一部分。在一些实现方式中,滚动条305可以是水平的且沿着信息资源210的水平轴移动。在一些实现方式中,应用205可以指示可用于经由滚动条305滚动的信息资源210的滚动范围。例如,如果滚动范围被限制到信息资源210的上半部分,那么应用205可以使滚动条305的下半部分变灰。
总体来说,在图3A中,通过视口300可见的信息资源210的部分包括第一内容部分310A和内容项315,其中视口300的大多数被第一内容部分310A覆盖。图3A可以描述例如网页的顶部部分,例如信息资源210。在图3B中,通过视口300可见的信息资源210的部分包括第一内容部分310A和可以包括可操作项320的内容项315,其中视口300的大多数被内容项315覆盖。图3B可以描绘例如当滚动框307在滚动条305的底部时通过视口300可见的信息资源210的部分,指示应用处于信息资源210的滚动范围的端部,如由内容显示管理脚本所指定。在图3C中,通过视口300可见的信息资源210的部分包括第一内容部分310A、内容项315和第二内容部分310B。图3C可以描述例如已在可操作项320上执行交互(例如,点击或屏幕轻敲)之后的信息资源210,因此使应用的滚动范围进行扩展且示出第二内容部分310B。
再次参看图2结合图3A-3C,滚动范围设置模块215可以包括用以使得客户端设备120将信息资源210的滚动范围设置为第一滚动范围的指令。滚动范围可以指定信息资源210可用于滚动的尺寸或区域。在一些实现方式中,滚动范围可以基于信息资源210的一个或多个属性来设置。例如,滚动范围可以例如使用CSS中的信息资源210的溢出-y属性来设置。在一些实现方式中,滚动范围可以使用滚动停止数值参数来设置,所述滚动停止数值参数指定限制滚动超过滚动停止数值参数。第一范围可以从信息资源210中的第一位置延伸到信息资源210中的第二位置。第一位置和第二位置可以各自参考沿着信息资源210的像素坐标或缩放坐标(例如,每英寸的点数),例如沿信息资源210的水平(x轴)或垂直(y轴)。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120基于第一内容部分310A的第一端部来识别信息资源210上的第一位置。滚动范围设置模块215可以使得客户端设备120也基于内容项315的第二端部来识别信息资源上的第二位置。例如,如图3A中描绘,如果信息资源210指定第一内容部分310A和内容项315依序定位,那么信息资源210中的第一位置可以在第一内容部分310A的顶部位置,且信息资源210中的第二位置可以在内容项315的底部部分稍微下方的位置。
在一些实现方式中,滚动范围设置模块215可以包括指令,所述指令使得客户端设备120访问第一内容部分310A的大小属性且使得内容项315确定信息资源210中的第一位置和信息资源210中的第二位置。例如,滚动范围设置模块215可以使得客户端设备120读取或以其他方式确定第一内容部分310A的宽度和高度属性以及来自信息资源210的内容项315的宽度和高度属性。在此实例中,滚动范围设置模块215可以使得客户端设备120将信息资源210的第一位置(例如,像素坐标或缩放坐标)设置为与信息资源的顶部或第一内容部分310A的顶部位置相对应的值。滚动范围设置模块215可以使得客户端设备120通过将第一内容部分310A和内容项315的两个高度属性加上第一位置的值而将信息资源的第二位置设置为第二值。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120基于指定信息资源210的形状、大小和位置或一个或多个元素的DOM元素来确定滚动范围。例如,滚动范围设置模块215可以使得客户端设备120基于DOM元素的规范的呈现来确定DOM元素的放置,例如第一内容部分310A和内容项315。滚动范围设置模块215可以使得客户端设备120接着呈现DOM元素以确定信息资源210中的第一内容部分310A和内容项315的高度。通过使用第一内容部分310A和内容项315的高度,滚动范围设置模块215可以使得客户端设备120设置第一范围。
在一些实现方式中,滚动范围设置模块215可以包括用以使得客户端设备120确定应用205的视口300的大小的指令。应用205的视口300可以包括从应用205可见的信息资源210的部分。例如,应用205可以显示900×1500像素大小的信息资源210中的800×300像素部分。视口300的大小可以包括通过应用205可见的信息资源210的部分的像素尺寸(例如,x乘y)。视口300的大小可以由滚动范围设置模块215通过确定来自应用205的信息资源210的高度和宽度属性来识别或访问。例如,滚动范围设置模块215可以使得客户端设备120调用JavaScript函数“getViewportSize”以获得视口300的大小。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120确定信息资源210内的第二位置,使得当应用的滚动位置在第二位置时,内容项占据大于视口300所限定的像素的预定百分比。像素的预定百分比可以包括例如应用205的视口300的50%-100%。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120确定信息资源210内的第二位置,使得当应用205的滚动位置在第二位置时,内容项实质上占据全部视口300。例如,滚动范围设置模块215可以使得客户端设备120设置信息资源210内的第二位置,使得内容项占据视口300的80%-100%。
应了解,在一些实现方式中,应用的视口大小可以基于在其上执行应用的计算设备的显示器来改变。在一些实现方式中,应用的视口大小可以由计算设备的用户来调整。然而,在一些实现方式中,应用的视口是基于在其上执行应用的计算设备的显示器的大小。因而,由数据处理系统110提供的内容管理显示脚本可能包括其中预定义应用的视口的指令。在一些实现方式中,数据处理系统110可以根据从计算设备接收的对内容的请求来确定应用的视口大小。在一些实现方式中,数据处理系统110可以经由包括计算设备列表和对应显示器大小的数据库来确定视口大小。视口大小可以基于计算设备的显示器大小。
在一些实现方式中,滚动范围设置模块215可以包括用以使得客户端设备120将内容项315插入在第一内容部分310A与第二内容部分310B之间的指令。滚动范围设置模块215可以使得客户端设备120基于信息资源210内的内容项315的位置来确定第二位置。在一些实现方式中,滚动范围设置模块215可用以使得客户端设备120识别信息资源210内的内容项槽。滚动范围设置模块215可以使得客户端设备120基于内容项槽来确定内容项315的位置。例如,如果用于信息源210的内容项槽不具有明确的大小或区域,那么内容项315到信息资源210的DOM元素中的插入可以使得第一内容部分310A的位置或第二内容部分310B的位置偏移。通过确定或呈现DOM元素,滚动范围设置模块215可以解释内容项或内容项槽的明确大小的缺乏,并确定第一内容部分310A和第二内容部分310B的位置偏移,例如像素尺寸的变化。滚动范围设置模块215可以使得客户端设备接着基于确定或呈现添加了内容项315的DOM元素来确定位置改变。基于此确定,滚动范围设置模块215可以使得客户端设备120确定第二位置。
在一些实现方式中,滚动范围设置模块215可以包括用以使得客户端设备120限制滚动超过信息资源120的第一范围的指令。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120检测信息资源120上的滚动事件。响应于检测到信息资源120上的滚动事件,滚动范围设置模块215可以使得客户端设备120确定信息资源120上的应用200的滚动位置是否在第一范围或滚动停止数值参数。响应于确定滚动位置在第一范围或滚动停止数值参数,滚动范围设置模块215可以使得客户端设备120限制进一步的滚动并维持当前的滚动位置。
内容显示模块220可以包括用以使得客户端设备120显示第一范围所限定的信息资源210的部分的指令。第一范围可以包括在第一位置与第二位置之间的信息资源210的部分。在一些实现方式中,内容显示模块220可以使得客户端设备120在第一位置与第二位置210之间的信息资源210的部分内显示第一内容部分310A和内容项315。例如,内容显示模块220可以使得客户端设备120类似于图3A中的说明来显示第一内容部分310A和内容项315。在此实例中,由滚动范围设置模块215设置的滚动设置的滚动范围可以限定在滚动条305内移动或滚动滚动框307的能力。
内容项交互检测模块225可以包括用以使得客户端设备120检测内容项315的可操作项320上的交互的指令。可操作项320可以包括例如能够经由客户端设备125的输入设备而接收交互的按钮、链接或任何其他元素或用户界面项。在一些实现方式中,可操作项320可以显示在内容项315上或邻近内容项315。例如,如图3B中描绘,可操作项320可以显示在内容项315上,大体上朝向内容项315的右下方。在一些实现方式中,可操作项320可以不是内容项315的部分。例如,可操作项320可以是与信息资源210的DOM元素中的内容项315独立的另一元素。在此实例中,可操作项320可以与内容项315邻近地显示。在一些实现方式中,内容项交互检测模块225可以使得客户端设备120检测用户激活事件或触发事件。例如,内容项交互检测模块225可以通过接收来自可操作项320上发生的用户界面事件处理程序或事件侦听器的触发来检测点击事件。在另一实例中,内容项交互检测模块225可以使得客户端设备120检测在可操作项320的DOM元素所指定的区内的位置处的屏幕触摸事件。
在一些实现方式中,内容项交互检测模块225可以包括用以使得客户端设备120响应于检测到内容项315的可操作项320上的交互而从信息资源210的显示移除可操作项320的指令。例如,响应于检测到点击事件,内容项交互检测模块225可以使得客户端设备停用、禁用、隐藏或以其他方式使得可操作项320从显示消失。在一些实现方式中,响应于检测到内容项315的可操作项320上的交互,内容项交互检测模块225可以使得客户端设备重置内容项315的大小。例如,响应于检测到可操作项320上的点击事件,内容项交互检测模块225可以使得客户端设备减小内容项的高度以从显示隐藏可操作项320,如图3C中描绘。在一些实现方式中,内容项交互检测模块225可能不需要重新调整内容项315的大小。例如,如果可操作项320不是内容项315的一部分或未显示在内容项315内,那么内容项交互检测模块225可以使得客户端设备维持内容项315的大小。
在一些实现方式中,内容项交互检测模块225可以使得客户端设备120确定内容项315已被显示在信息资源210上的时间量。内容项交互检测模块225可以使得客户端设备120确定内容项315已被显示在信息资源210上或视口300超过预定义时间阈值的时间量。预定义的时间阈值可以从10ms到1秒到10秒到30秒到一分钟或甚至超过一分钟。内容项交互检测模块225可以显示可操作项320,并启用可操作项320用于响应于确定时间量超过预定义时间阈值而接收交互。例如,假设预定义时间阈值是30秒。一旦内容项315已在视口300内显示的时间量已超过30秒,内容项交互检测模块225即可修改可操作项320的隐藏属性,因此使得可操作项320进行显示。此时内容项交互检测模块225还可以使得客户端设备120启用可操作项320的启用属性,因此允许可操作项320接收交互。在一些实现方式中,内容项交互检测模块225可以使得客户端设备120基于激活政策而启用可操作项320。激活政策可以包括用于激活可操作项320的一个或多个规则。用于激活可操作项320的一个或多个规则可以是基于时间的、基于位置的和基于滚动的等。例如,激活政策的一个或多个规则可以指定,屏幕触摸事件在启用可操作项之前出现在内容项315中。
滚动范围设置模块215可以使得客户端设备120响应于内容项交互检测模块225使得客户端设备120检测可操作项320上的交互而将信息资源210的滚动范围设置为第二滚动范围。第二范围可以从信息资源210中的第一位置延伸到信息资源210中的第三位置。第三位置可以参考沿着信息资源210的位置,例如沿着信息资源210的水平(x轴)或垂直(y轴)。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120基于第一内容部分310A的第一端部来识别信息资源210上的第一位置。滚动范围设置模块215还可以使得客户端设备120基于第二内容部分310B的第二端部来识别信息资源上的第三位置。例如,如图3B中描绘,如果信息资源210指定第一内容部分310A、内容项315和第二内容部分310B依序定位,那么可以将滚动范围的第一位置定位在第一内容部分310A处或之前,且可以将滚动范围的第三位置设置在例如第二内容部分310B的底部部分的稍微下方的位置。在一些实现方式中,滚动范围设置模块215可以访问或以其他方式识别第一内容部分310A和第二内容部分310B的大小属性,从而确定信息资源210中的第一位置和信息资源210中的第三位置(将滚动范围延伸到的位置)。在一些实现方式中,滚动范围设置模块215可以访问信息资源210的大小属性以确定信息资源210的第一端部和第二端部。在一些实现方式中,可以将第三位置设置为信息资源210的底部。
内容显示模块220可以包括用以使得客户端设备120显示第二范围所限定的信息资源210的部分的指令。第二范围可以包括在第一位置与第三位置之间的信息资源210的部分。在一些实现方式中,内容显示模块220可以使得客户端设备120在第一位置与第三位置之间的信息资源210的部分内显示第一内容部分310A、内容项315和第二内容部分310B。例如,内容显示模块220可以使得客户端设备120显示第一内容部分310A、内容项315和第二内容部分310B,类似于图3B中的说明。在此实例中,由滚动范围设置模块215设置的滚动范围可以使得客户端设备120限定滚动框307可以在滚动条305内移动或滚动的范围。
在一些实现方式中,滚动范围设置模块215可以包括用以使得客户端设备120插入各自包括可操作项的一个或多个内容项的指令。在一些实现方式中,滚动范围设置模块215可以使得客户端设备120插入第二内容项,所述第二内容项可以在信息资源210的第二位置与信息资源210的第三位置之间包括第二可操作项。一个或多个内容项中的每一者可以具有与上文关于内容项315所描述的类似功能性。滚动范围设置模块215或应用205可以使客户端设备120将一个或多个内容部分与一个或多个内容项拼接在一起,一个或多个内容部分与一个或多个内容项的相应内容项的每一配对具有与上述类似的功能性。例如,信息资源120可以包括与其他内容项分散散布的多个网页文章。第四文章与第五文章之间的第四内容项的底部部分可以对应于设置初始滚动范围的位置。响应于对应可操作项接收到例如点击的用户界面事件,滚动范围设置模块215可以设置滚动范围,使得滚动条305可以允许滚动框307向上滚动或超过应用205中的第五文章。在一些实现方式中,滚动范围设置模块215可以在多个内容部分之间插入一个或多个内容项。
在一些实现方式中,内容显示管理系统200可以使用以下伪代码来实现:
1 first_range=first_content.height+ad.height
2 second_range=first_range+second_content.height
3 setscrollrange(first_range)
4 if(event on actionable_item)
5 setscrollrange(second_range)
在一些其他实现方式中,内容显示管理系统200可以使用以下伪代码来实现:
1 first_range=first_content.height+ad.height
2 second_range=first_range+second_content.height
3 scroll-stop_range=first_range
4 if(onscrollevent&scroll_position>=scroll_stop_range)
5 if(event on actionable_item)
6 scroll_stop_range=second_range
7 else
8 maintain scroll_position
参看图4,图4是描绘控制信息资源的内容的显示的方法400的流程图。明确地说,图4是描绘基于在插入于信息资源内的可操作对象上执行的一个或多个动作来设置和调整信息资源的滚动范围的方法400的流程图。本文关于方法400而描述的功能性可以由如图1中所示的数据处理系统110或客户端设备125、或者如图2中所示的内容显示管理系统200或者其任何组合来执行或以其他方式执行。例如,图4描绘分布在数据处理系统110与客户端设备125之间的方法400的功能性。简要概述,客户端设备可以传输对内容的请求(方框405)。数据处理系统可以接收对内容的请求(方框410)。数据处理系统可以传输具有内容显示管理脚本的内容(方框415)。客户端设备可以接收具有内容显示管理脚本的内容(方框420)。客户端设备可以将滚动范围设置为第一范围(方框425)。客户端设备可以显示第一内容部分和内容项(例如,广告)(方框430)。客户端设备可以检测内容项上的可操作项上的交互(方框435)。客户端设备可以将滚动范围设置为第二范围(方框440)。客户端设备可以显示第二内容部分(方框445)。
客户端设备可以将对内容的请求传输到数据处理系统(方框405)。对内容的请求可以识别设备的类型和应用的视口大小等。用于客户端设备的设备的类型可以包括例如台式计算机、膝上型计算机、移动电话、智能电话和平板型计算机等。应用的视口大小对于设备的类型可以是固定的或可变的。例如,移动电话应用的视口大小可以是固定的,而膝上型计算机上的互联网浏览器的视口大小可以是可变的。
数据处理系统可以接收来自客户端设备的对内容的请求(方框410)。对内容的请求可以包括对信息资源(例如,网页或者用于应用的页面)的请求和对内容项(例如,广告)的请求等。对内容的请求可以包括用于信息资源或内容项的地址或标识符。例如,对内容的请求可以包括引用例如网页的特定资源的统一资源定位符(URL)(例如,“https://www.example.com/homepage.html”)。在一些实现方式中,数据处理系统可以接收对可以包括指示内容显示管理脚本的指示符的信息资源的请求。例如,对信息资源的请求可以包括报头,其包括指定数据处理系统发送内容显示管理脚本连同信息资源到客户端设备的指示符。
数据处理系统可以确定传输到客户端设备的内容。数据处理系统可以识别用于包括在对内容的请求中的信息资源和内容项的地址或标识符。数据处理系统可以访问数据库145,并选择由地址或标识符识别的信息资源或内容项。信息资源可以包括由内容发布者120提供的一个或多个内容部分。例如,含有新闻文章的网页可以每两到三段文字来划分。内容项可以包括由内容提供方115提供的静态文本或图像广告、视频广告和视听广告。在一些实现方式中,包括在信息资源中的内容可以由内容发布者划分为多个内容部分。在一些实现方式中,包括在信息资源中的内容可以由数据处理系统划分为多个内容部分。在一些实现方式中,数据处理系统可以通过分析信息资源的DOM树来将内容划分为多个内容部分。明确地说,数据处理系统可以识别DOM树中的某些DOM元素并基于DOM元素来划分内容。例如,可以将与段落或标题相对应的每一DOM元素视为独立的内容部分。
在一些实现方式中,数据处理系统可以识别请求的类型。在一些实现方式中,数据处理系统可以基于从客户端设备接收的对内容的请求而确定是否传输内容显示管理。数据处理系统可以确定请求的类型是否对应于适合于传输内容显示管理脚本的请求,所述请求可以使得客户端设备基于信息资源内的内容项的位置或定位来设置滚动范围。在一些实现方式中,数据处理系统还可以选择用于在信息资源内显示的内容项。
数据处理系统可以传输可包括内容显示管理脚本的内容到客户端设备(方框415)。客户端设备可以接收可包括内容显示管理脚本的内容(方框420)。传输到客户端设备的内容可以包括至少第一内容部分、第二内容部分和内容显示管理脚本。内容显示管理脚本可以包括计算机可执行指令。计算机可执行指令可以包括脚本,例如超文本标记语言(HTML)、可扩展超文本标记语言(XHTML)、可扩展标记语言(XML)、级联样式表(CSS)和JavaScript等。计算机可执行指令可以通过客户端设备的应用来执行,例如导致客户端设备传输数据处理系统所接收的对内容的请求的应用。应用可以包括例如互联网浏览器、移动应用、或能够读取和执行计算机可执行指令的任何其他计算机程序。简要概述,计算机可执行指令在由客户端设备的处理器执行时可以使得客户端设备的应用进行以下动作:(a)将信息资源的滚动范围设置为从信息资源中的第一位置延伸到信息资源中的第二位置的第一范围;(b)在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项,内容项包括将信息资源的滚动范围设置为第二范围的可操作项;以及(c)响应于检测到内容项的可操作项上的交互,将滚动范围设置为从第一位置延伸到信息资源的第三位置的第二范围。
应用可以包括例如互联网浏览器、移动应用、或能够执行或以其他方式调用计算机可执行指令的任何其他计算机程序,例如包括在内容显示管理脚本中的计算机可执行指令。信息资源可以包括一个或多个内容部分,例如第一内容部分和第二内容部分。信息资源可以指定一个或多个内容部分和一个或多个内容项的位置。在一些实现方式中,信息资源可以包括指定一个或多个内容部分的形状、大小和位置的DOM树。在一些实现方式中,内容部分可以与包括在DOM树中的DOM元素相对应。信息资源可以由应用连同数据处理系统、数据处理系统和数据处理系统一起接收。
客户端设备可以将信息资源的滚动范围设置为第一滚动范围(方框425)。滚动范围可以指定信息资源可用于滚动的尺寸或区域。在一些实现方式中,滚动范围可以基于信息资源的一个或多个属性来设置。例如,滚动范围可以例如使用CSS中的信息资源的溢出-y属性来设置。在一些实现方式中,滚动范围可以使用滚动停止数值参数来设置,所述滚动停止数值参数指定限制滚动超过滚动停止数值参数。第一范围可以从信息资源中的第一位置延伸到信息资源中的第二位置。第一位置和第二位置可以各自参考沿着信息资源的位置,例如沿着信息资源的水平(x轴)或垂直(y轴)。在一些实现方式中,客户端设备可以基于第一内容部分的第一端部来识别信息资源上的第一位置。客户端设备还可以基于内容项的第二端部来识别信息资源上的第二位置。例如,如果信息资源指定第一内容部分和内容项依序定位,那么信息资源中的第一位置可以在第一内容部分的顶部位置,且信息资源中的第二位置可以在内容项的底部部分稍微下方的位置。
在一些实现方式中,客户端设备可以访问第一内容部分和内容项的大小属性,以确定信息资源中的第一位置和信息资源中的第二位置。例如,客户端设备可以读取或以其他方式确定第一内容部分的宽度和高度属性以及来自信息资源的内容项的宽度和高度属性。在此实例中,滚动范围设置模块可将信息资源的第一位置(例如,像素坐标或缩放坐标)设置为对应于信息资源的顶部或第一内容部分的顶部位置的值。客户端设备可以通过将第一内容部分和内容项的两个高度属性加上第一位置的值而将信息资源的第二位置设置为第二值。在一些实现方式中,客户端设备可以基于指定信息资源的形状、大小和位置或一个或多个元素的DOM元素来确定滚动范围。例如,客户端设备可以基于DOM元素的规范的呈现来确定DOM元素的放置,例如第一内容部分和内容项。客户端设备可以接着呈现DOM元素以确定信息资源中的第一内容部分和内容项的高度。使用第一内容部分和内容项的高度,客户端设备可以设置第一范围。
在一些实现方式中,客户端设备可以确定应用的视口的大小。应用的视口可以包括从应用可见的信息资源的部分。例如,应用可以显示900×1500像素大小的信息资源的800×300像素部分。视口的大小可以包括通过应用可见的信息资源的部分的像素尺寸(例如,x乘y)。视口的大小可以由客户端设备通过确定来自应用的信息资源的高度和宽度属性来识别或访问。例如,客户端设备可以调用JavaScript函数“getViewportSize”以获得视口的大小。在一些实现方式中,客户端设备可以确定信息资源内的第二位置,使得当应用的滚动位置在第二位置时,内容项占据大于视口所限定的像素的预定百分比。像素的预定百分比可以包括例如应用的视口的50%-100%。在一些实现方式中,客户端设备可以确定信息资源内的第二位置,使得当应用的滚动位置在第二位置时,内容项实质上占据全部视口。例如,客户端设备可以设置信息资源内的第二位置,使得内容项占据视口的80%-100%。
在一些实现方式中,客户端设备可以将内容项插入在第一内容部分与第二内容部分之间。客户端设备可以基于信息资源内的内容项的位置来确定第二位置。在一些实现方式中,客户端设备可以识别信息资源内的内容项槽。客户端设备可以基于内容项槽来确定内容项的位置。例如,如果用于信息源的内容项槽不具有明确的大小或区域,那么内容项到信息资源的DOM元素中的插入可以使得第一内容部分的位置或第二内容部分的位置偏移。通过确定或呈现DOM元素,客户端设备可以解释内容项或内容项槽的明确大小的缺乏,并确定第一内容部分和第二内容部分的位置偏移,例如像素尺寸的变化。客户端设备接着可以基于确定或呈现添加了内容项的DOM元素来确定位置改变。基于此确定,客户端设备可以确定第二位置。
在一些实现方式中,客户端设备可以基于滚动范围来限制超过信息资源上的第一范围的滚动。在一些实现方式中,客户端设备可以检测信息资源上的滚动事件。响应于检测到信息资源上的滚动事件,客户端设备可以确定信息资源上的应用的滚动位置是否在第一范围或滚动停止数值参数。响应于确定滚动位置在第一范围或滚动停止数值参数,客户端设备可以限制进一步的滚动并维持当前的滚动位置。
客户端设备可以显示第一范围所限定的信息资源的部分,例如第一内容部分和内容项(方框430)。第一范围可以包括在第一位置与第二位置之间的信息资源的部分。在一些实现方式中,客户端设备可以在第一位置与第二位置之间的信息资源的一部分内显示第一内容部分和内容项。例如,客户端设备可以显示第一内容部分和内容项。在此实例中,由客户端设备设置的滚动设置的滚动范围可以限定滚动框可以在滚动条内移动或滚动的范围。
客户端设备可以检测内容项的可操作项上的交互(方框435)。可操作项可以包括例如能够经由客户端设备的输入设备而接收交互的按钮、链接或任何其他元素或用户界面项。在一些实现方式中,可操作项可以显示在内容项上或邻近内容项。例如,可操作项可以显示在内容项上,大体上朝向内容项的右下方。在一些实现方式中,可操作项可以不是内容项的部分。例如,可操作项可以是与信息资源的DOM元素中的内容项独立的另一元素。在此实例中,可操作项可以与内容项邻近地显示。在一些实现方式中,客户端设备可以检测用户激活事件或触发事件。例如,客户端设备可以通过接收来自可操作项上发生的用户界面事件处理程序或事件侦听器的触发来检测点击事件。在另一实例中,客户端设备可以检测在可操作项的DOM元素所指定的区内的位置处的屏幕触摸事件。
在一些实现方式中,客户端设备可以响应于检测到内容项的可操作项上的交互而从信息资源的显示移除可操作项。例如,响应于检测到点击事件,客户端设备可以停用、禁用、隐藏或以其他方式使得可操作项从显示消失。在一些实现方式中,响应于检测到内容项的可操作项上的交互,客户端设备可以重置内容项的大小。例如,响应于检测到可操作项上的点击事件,客户端设备可以减小内容项的高度以从显示隐藏可操作项。在一些实现方式中,客户端设备可能不需要重新调整内容项的大小。例如,如果可操作项不是内容项的一部分或未显示在内容项内,那么客户端设备可以维持内容项的大小。
在一些实现方式中,客户端设备可以确定内容项已被显示在信息资源上的时间量。客户端设备可以确定内容项已被显示在信息资源上或视口超过预定义时间阈值的时间量。预定义的时间阈值可以从10ms到1秒到10秒到30秒到一分钟或甚至超过一分钟。客户端设备可以显示可操作项,并启用可操作项用于响应于确定时间量超过预定义时间阈值而接收交互。例如,假设预定义时间阈值是30秒。一旦内容项已在视口内显示的时间量已超过30秒,客户端设备即可修改可操作项的隐藏属性,因此使得可操作项进行显示。此时客户端设备还可以启用可操作项的启用属性,因此允许可操作项接收交互。在一些实现方式中,客户端设备可以基于激活政策而启用可操作项。激活政策可以包括用于激活可操作项的一个或多个规则。用于激活可操作项的一个或多个规则可以是基于时间的、基于位置的和基于滚动的等。例如,激活政策的一个或多个规则可以指定,屏幕触摸事件在启用可操作项之前出现在内容项中。
客户端设备可以响应于内容项交互模块检测到内容项的可操作项上的交互而将信息资源的滚动范围设置为第二滚动范围(方框440)。第二范围可以从信息资源中的第一位置延伸到信息资源中的第三位置。第三位置可以参考沿着信息资源的位置,例如沿着信息资源的水平(x轴)或垂直(y轴)。在一些实现方式中,客户端设备可以基于第一内容部分的第一端部来识别信息资源上的第一位置。客户端设备还可以基于第二内容部分的第二端部来识别信息资源上的第三位置。例如,如果信息资源指定第一内容部分、内容项和第二内容部分依序定位,那么可以将滚动范围的第一位置定位在第一内容部分处或之前,且可以将滚动范围的第三位置设置在例如第二内容部分的底部部分的稍微下方的位置。在一些实现方式中,客户端设备可以访问或以其他方式识别第一内容部分和第二内容部分的大小属性,从而确定信息资源中的第一位置和信息资源中的第三位置(将滚动范围延伸到的位置)。在一些实现方式中,客户端设备可以访问信息资源的大小属性以确定信息资源的第一端部和第二端部。在一些实现方式中,可以将第三位置设置为信息资源的底部。
客户端设备可以显示第二范围所限定的信息资源的部分,例如第二内容部分(方框445)。第二范围可以包括在第一位置与第三位置之间的信息资源的部分。在一些实现方式中,客户端设备可以在第一位置与第三位置之间的信息资源的部分内显示第一内容部分、内容项和第二内容部分。例如,客户端设备可以显示第一内容部分、内容项和第二内容部分。在此实例中,由客户端设备设置的滚动范围可以限定滚动框在滚动条内移动或滚动的能力。
在一些实现方式中,客户端设备插入各自包括可操作项的一个或多个内容项。在一些实现方式中,客户端设备可以插入第二内容项,所述第二内容项可以在信息资源的第二位置与信息资源的第三位置之间包括第二可操作项。一个或多个内容项中的每一者可以具有与上文关于内容项所描述的类似功能性。客户端的应用可以将一个或多个内容部分与一个或多个内容项拼接在一起,一个或多个内容部分与一个或多个内容项的相应内容项的每一配对具有与上述类似的功能性。例如,信息资源可以包括与内容项槽分散分布的多个网页文章。第四文章与第五文章之间的第四广告的底部部分可以对应于设置初始滚动范围的位置。响应于对应可操作项接收到例如点击的用户界面事件,客户端设备可以设置滚动范围,使得滚动条可以允许滚动框向上滚动或超过应用中的第五文章。在一些实现方式中,客户端设备可以在各种内容部分之间插入一个或多个内容项。
图5示出根据一些实现方式的可用以实现本文论述的计算机系统(包括系统110及其组件,例如内容请求模块130、内容选择模块135和脚本提供方模块140)中的任一者的说明性计算机系统500的总体架构。计算机系统500可用以经由网络105来提供信息以供显示。图5的计算机系统500包括一个或多个处理器520,其以通信方式耦合到存储器525、一个或多个通信接口505以及一个或多个输出设备510(例如,一个或多个显示单元)和一个或多个输入设备515。处理器520可以包括在数据处理系统110或系统110的其他组件中,例如内容请求模块130、内容选择模块135和脚本提供方模块140。
在图5的计算机系统500中,存储器525可以包括任何计算机可读存储介质,且可以存储用于实现本文描述的用于相应系统的各种功能性的例如处理器可执行指令的计算机指令,以及与之相关的、由此生成的或经由通信接口或输入设备(如果存在)所接收的任何数据。再次参看图1的系统110,数据处理系统110可以包括存储器525以存储与一个或多个内容单元的库存的可用性、一个或多个内容单元的预约等相关的信息。存储器525可以包括数据库145。图5中所示的处理器520可以用于执行存储在存储器525中的指令,且这样做也可以从存储器读取或向存储器写入根据指令的执行而处理和/或生成的各种信息。
图5中所示的计算机系统500的处理器520还可以以通信方式耦合到或控制通信接口505,从而依据指令的执行来发射或接收多个信息。例如,通信接口505可以耦合到有线或无线网络、总线或其他通信装置,且因此可以允许计算机系统500发射信息到其他设备(例如,其他计算机系统)或从其接收信息。虽然图1的系统中未明确示出,但一个或多个通信接口促进系统50的组件之间的信息流。在一些实现方式中,通信接口可以被配置(例如,经由多个硬件组件或软件组件)以提供网站作为计算机系统500的至少一些方面的访问门户。通信接口505的实例包括用户界面(例如,网页),用户可以通过其来与数据处理系统50通信。
可以提供图5中所示的计算机系统500的输出设备510,例如以允许结合执行指令来查看或以其他方式感知各种信息。可以提供输入设备515,例如以允许用户在执行指令期间进行手动调整、进行选择、录入数据、或以多种方式中的任一者与处理器进行交互。本文进一步提供了可用于本文讨论的各种系统的与通用计算机系统架构相关的附加信息。
所述主题的实现方式和本说明书中描述的操作可实现在数字电子电路中、或者体现在有形介质上的计算机软件中、固件或硬件中(包括本说明书中公开的结构及其结构等效物)、或其中的一者或多者的组合中。本说明书中描述的主题的实现方式可以实现为一个或多个计算机程序(即,计算机程序指令的一个或多个模块),其编码于计算机存储介质上用于由数据处理装置执行或控制数据处理装置的操作。程序指令可以编码在人工产生的传播信号上(例如,机器生成的电气、光学或电磁信号)生成所述信号以对信息进行编码用以传输到合适的接收器装置用于由数据处理装置来执行。计算机存储介质可以是或包括在以下各项中:计算机可读存储设备、计算机可读存储基板、随机或串行访问存储器阵列或设备、或其中的一者或多者的组合。此外,虽然计算机存储介质不是传播信号,但计算机存储介质可以包括在人工产生的传播信号中编码的计算机程序指令的源或目的地。计算机存储介质还可以是或包括在一个或多个独立物理组件或介质(例如,多个CD、光盘或其他存储设备)中。
本文公开的特征可以实现在智能电视模块(或连接电视模块、混合电视模块等)上,其可以包括被配置成整合互联网连接性与多个传统电视编程源(例如,经由电缆、卫星、空中或其他信号来接收)的处理模块。智能电视模块可以以物理方式并入到电视机中或可以包括独立设备,例如机顶盒、蓝光或其他数字媒体播放器、游戏控制台、酒店电视系统和其他配套设备。智能电视模块可以被配置成允许观众在web上、本地有线电视频道上、卫星电视频道上搜索和查找视频、电影、照片和其他内容,或者存储在本地硬盘驱动器上。机顶盒(STB)或机顶盒单元(STU)可以包括可以含有调谐器并连接到电视机和外部信号源的信息家电设备,将信号转换成内容,然后将其显示在电视屏幕或其他显示设备上。智能电视模块可以被配置成提供主屏幕或顶级屏幕,其包括用于多个不同应用的图标,例如web浏览器和多个流媒体服务、连接的有线或卫星媒体源、其他web“信道”等。智能电视模块可以进一步被配置成向用户提供电子节目指南。智能电视模块的配套应用可以在移动计算设备上操作以向用户提供关于可用节目的附加信息,以允许用户控制智能电视模块等。在替代实现方式中,特征可以在膝上型计算机或其他个人计算机、智能电话、其他移动电话、手持式计算机、平板型PC或其他计算设备上实现。
本说明书中描述的操作可以被实现为由数据处理装置对存储在一个或多个计算机可读存储设备上或从其他源接收的数据执行的操作。
术语“数据处理装置”、“数据处理系统”、“用户设备”或“计算设备”包括用于处理数据的全部种类的装置、设备和机器,例如包括可编程处理器、计算机、片上系统、或者前述内容中的多者或组合。所述装置可以包括专用逻辑电路,例如FPGA(现场可编程门阵列)或ASIC(专用集成电路)。除了硬件之外,所述装置还可以包括创建用于讨论中的计算机程序的执行环境的代码,例如构成处理器固件、协议栈、数据库管理系统、操作系统、跨平台运行环境、虚拟机器、或其中的一者或多者的组合的代码。装置和执行环境可以实现各种不同的计算模型基础设施,例如web服务、分布式计算和网格计算基础设施。内容请求模块130、内容选择模块135和脚本提供方模块140可以包括或共享一个或多个数据处理装置、计算设备或处理器。
计算机程序(也称为程序、软件、软件应用、脚本或代码)可以以任何形式的编程语言编写,包括编译或解释型语言、声明性或过程语言,并且其可以以任何形式部署,包括作为独立程序或作为适用于计算环境中的模块、组件、子例程、对象或其他单元。计算机程序可以(但无需)对应于文件系统中的文件。程序可存储在保持其他程序或数据(例如,存储在标记语言文档中的一个或多个脚本)的文件的一部分中,存储在专用于讨论中的程序的单个文件中,或存储在多个协同文件(例如,存储一个或多个模块、子程序或代码的部分的文件)中。计算机程序可经部署以执行在一个计算机上或多个计算机上,所述计算机位于一个站点处或跨越多个站点而分布且通过通信网络而互连。
本说明书中描述的处理程序和逻辑流可由执行一个或多个计算机程序的一个或多个可编程处理器来执行,从而通过对输入数据进行操作并产生输出来执行动作。处理程序和逻辑流程还可以由专用逻辑电路(例如,FPGA(现场可编程门阵列)或ASIC(专用集成电路))执行,并且装置也可以被实现为专用逻辑电路。
适用于执行计算机程序的处理器包括例如通用和专用微处理器以及任何种类的数字计算机的任何一个或多个处理器。大体上,处理器将接收来自只读存储器或随机存取存储器或两者的指令和数据。计算机的基本元件是用于根据指令执行动作的处理器以及用于存储指令和数据的一个或多个存储器设备。大体上,计算机还将包括用于存储数据的一个或多个大容量存储设备(例如,磁盘、磁光盘或光盘),或者以操作方式耦合以接收来自所述一个或多个大容量存储设备的数据或传送数据到所述一个或多个大容量存储设备或两者。然而,计算机无需具有此类设备。此外,计算机可嵌入于另一设备中,例如移动电话、个人数字助理(PDA)、移动音频或视频播放器、游戏控制台、全球定位系统(GPS)接收器、或便携式存储设备(例如,通用串行总线(USB)闪速驱动器)。适于存储计算机程序指令和数据的设备包括所有形式的非易失性存储器、介质和存储器设备,例如包括:半导体存储器设备,例如EPROM、EEPROM和闪速存储器设备;磁盘,例如内部硬盘或可移动磁盘;磁光盘;以及CD-ROM和DVD-ROM光盘。处理器和存储器可以通过专用逻辑电路来补充或并入专用逻辑电路中。
为了提供与用户的交互,本说明书中描述的主题的实现方式可以在具有显示设备(例如,CRT(阴极射线管)、等离子或LCD(液晶显示器)监视器)的计算机上实现,用于向用户显示信息,以及用户可以向计算机提供输入的键盘和指针设备,例如鼠标或轨迹球。也可以使用其他种类的设备来提供与用户的交互;例如,提供到用户的反馈可以包括任何形式的感觉反馈(例如,视觉反馈、听觉反馈或触觉反馈);且来自用户的输入可以任何形式来接收,包括声学、语音或触觉输入。此外,计算机可以通过向用户使用的设备发送文档并从其接收文档来与用户进行交互;例如,通过响应于从web浏览器接收的请求,将网页发送到用户的客户端设备上的web浏览器。
本说明书中描述的主题的实现方式可以实现在计算系统中,所述计算系统包括后端组件(例如,作为数据服务器)、或包括中间件组件(例如,应用程序服务器)、或包括前端组件(例如,具有图形用户接口或Web浏览器的客户端计算机,用户可通过所述图形用户接口或Web浏览器来与本说明书中描述的主题的实现方式进行交互)、或者一个或多个此类后端组件、中间件组件或前端组件的任何组合。所述系统的组件可以通过任何形式或介质的数字数据通信(例如,通信网络)来互连。通信网络的实例包括局域网(“LAN”)和广域网(“WAN”)、网络间(例如,互联网)、和对等网络(例如,点对点对等网络网络)。
例如系统500或系统110的计算系统可以包括客户端和服务器。例如,数据处理系统110可以包括在一个或多个数据中心或服务器场中的一个或多个服务器。客户端和服务器通常彼此远离,且通常通过通信网络进行交互。客户端与服务器之间的关系是由于在各自计算机上运行且具有彼此的客户端服务器关系的计算机程序产生的。在一些实现方式中,服务器传输数据(例如,HTML页面)到客户端设备(例如,为了将数据显示给与客户端设备交互的用户并从用户接收用户输入)。可以在服务器处从客户端设备接收在客户端设备处生成的数据(例如,用户交互的结果)。
内容项可以采用任何方便的形式,且可以是包括图像、文本及其类似者的内容。在一些实现方式中,内容可以是广告,且数据处理系统可以从可以基于广告拍卖选择要显示的广告的广告拍卖系统接收内容项。广告拍卖系统可以基于广告拍卖参数(例如出价值、广告大小、点击率(CTR)、每千人成本(CPM)和展示率等)来从多个广告中选择广告。
虽然本说明书含有许多特定的实现方式细节,但不应将这些细节理解为对任何发明的范围或所要求保护内容的限制,而是作为对本文描述的系统和方法的具体实现方式特定的特征的描述。在单独实现方式的场境中的在本说明书中描述的某些特征也可以组合实现在单个实现方式中。相反,在单个实现方式的场境中描述的各种特征还可以分别实现在多个实现方式中或任何合适的子组合中。此外,尽管上文可将特征描述为在某些组合中起作用且甚至最初如此主张,但在一些情况下,来自所要求保护组合的一个或多个特征可以从所述组合删除,且所要求保护组合可以针对子组合或子组合的变体。
类似地,虽然在图中按特定次序来描绘操作,但此不应被理解为要求按所示出的特定次序或按顺序次序来执行此类操作,或执行所有所说明操作,从而实现所需要的结果。在一些情况下,权利要求中所叙述的动作可以按不同次序执行且仍实现所需要的结果。另外,附图中所描绘的过程未必要求所示出的特定次序或顺序次序,从而实现所需的结果。
在某些情况下,多任务处理和并行处理可以是有利的。此外,上述实现方式中各种系统组件的分离不应被理解为要求所有实现方式中的此类分离,且应理解,一般可将所描述程序组件和系统一起集成在单个软件产品中或封装在多个软件产品中。例如,内容请求模块130、内容选择模块135和脚本提供方模块140可以是数据处理系统110的一部分、单个模块、具有一个或多个处理模块的逻辑设备、一个或多个服务器、或搜索引擎的部分。
现已描述了一些说明性实现方式,但是显而易见的是,已经通过示例的方式呈现的前述内容是说明性而非限制性的。明确地说,尽管本文呈现的许多实例涉及方法动作或系统元件的特定组合,但那些动作和那些元件可以以其他方式来组合以完成相同的目标。仅结合一个实现方式来讨论的动作、元件和特征并不意图在其他实现方式中被排除在类似角色之外。
本文使用的措辞和术语是用于描述的目的,且不应被认为限制性的。本文中“包含”“包括”“具有”“含有”“涉及”“其特征在于”及其变体的使用意在包括其后列出的项、其等效物、和附加项、以及仅由其后列出的项组成的替代实现方式。在一个实现方式中,本文描述的系统和方法由所描述的元件、动作或组件中的一者、一个以上的每一组合或全部组成。
对本文以单数形式提及的系统和方法的实现方式或元件或动作的任何引用也可以包括包括多个这些元件的实现方式,并且对于本文中的任何实现方式或元件或动作的任何复数的引用也可以包括仅仅包括单个元件。单数或复数形式的引用并不意图将目前公开的系统或方法、其组件、动作或元件限制为单个或复数配置。对基于任何信息、动作或元件的任何动作或元件的引用可以包括动作或元件至少部分地基于任何信息、动作或元件的实现方式。
本文公开的任何实现方式可以与任何其他实现方式相结合,对“实现方式”、“一些实现方式”、“替代实现方式”、“各种实现方式”、“一个实现方式”或类似者的引用未必是互斥的,且旨在表明结合实现方式描述的特定特征、结构或特性可以包括在至少一个实现方式中。如本文所使用的此类术语未必都引用相同的实现方式。任何实现方式可以以与本文公开的方面和实现方式一致的任何方式与任何其他实现方式包括性或排他性地组合。
对“或”的引用可以被理解为包括性的,使得使用“或”描述的任何术语可以指示单个、一个以上和全部所描述的术语中的任何一者。
在附图、详细描述或任何权利要求中的技术特征之后是附图标记的情况下,已包含附图标记用于增加附图、详细描述和权利要求的可理解性的唯一目的。因此,附图标记及其不存在对任何权利要求元素的范围都没有任何限制效应。
本文描述的系统和方法可以在不偏离其特性的情况下以其他特定形式来体现。尽管本文提供的实例涉及控制信息资源的内容的显示,但本文描述的系统和方法可以包括应用于其他环境。先前实现方式是说明性的而非对所描述系统和方法的限制。本文描述的系统和方法的范围因此由随附权利要求而非先前描述来指示,且在其中包括落在权利要求的等效性的含义和范围内的变化。

Claims (14)

1.一种控制信息资源的内容的显示的方法,包括:
通过包括一个或多个处理器的数据处理系统接收来自在客户端设备上执行的应用的对信息资源的请求;以及
通过所述数据处理系统将所述信息资源传输到所述客户端设备,所述信息资源包括至少第一内容部分、第二内容部分和内容显示管理脚本,所述内容显示管理脚本包括计算机可执行指令,所述计算机可执行指令在由所述客户端设备的处理器执行时使得所述客户端设备的应用:
将所述信息资源的滚动范围设置为从所述信息资源中的第一位置延伸到所述信息资源中的第二位置的第一范围;
在所述第一位置与所述第二位置之间的所述信息资源的部分内显示所述第一内容部分和内容项,所述内容项包括用以将所述信息资源的所述滚动范围设置为第二范围的可操作项;以及
响应于检测到所述内容项的所述可操作项上的交互而将所述滚动范围设置为从所述第一位置延伸到所述信息资源的第三位置的所述第二范围。
2.根据权利要求1所述的方法,其中,所述内容显示管理脚本的所述计算机可执行指令进一步使得所述客户端设备的所述应用:
基于所述第一内容部分的第一端部来识别所述信息资源中的所述第一位置;以及
基于广告的第二端部来识别所述信息资源中的所述第二位置。
3.根据权利要求1或2所述的方法,其中,所述内容显示管理脚本的所述计算机可执行指令进一步使得所述客户端设备的所述应用:
响应于检测到来自所述客户端设备的所述内容项的所述可操作项上的所述交互而从所述信息资源上的显示移除所述可操作项。
4.根据任一前述权利要求所述的方法,其中,所述内容显示管理脚本的所述计算机可执行指令进一步使得所述客户端设备的所述应用:
确定所述内容项已被显示在所述信息资源上的时间量;以及
响应于确定所述时间量超过预定义时间阈值,启用所述内容项上的所述可操作项以接收所述交互。
5.根据任一前述权利要求所述的方法,其中,所述内容显示管理脚本的所述计算机可执行指令进一步使得所述客户端设备的所述应用:
将所述内容项插入在所述第一内容部分与所述第二内容部分之间;以及
基于所述信息资源内的所述内容项的定位来识别所述第二位置。
6.根据权利要求5所述的方法,其中,将所述内容项插入在所述第一内容部分与所述第二内容部分之间包括:
确定所述应用的视口的大小;以及
确定所述信息资源内的所述第二位置,使得当所述应用的滚动位置在所述第二位置时,所述内容项占据大于所述视口所限定的像素的预定百分比。
7.根据任一前述权利要求所述的方法,其中,所述内容显示管理脚本的所述计算机可执行指令进一步使得所述客户端设备的所述应用:
将包括第二可操作项的第二内容项插入在所述信息资源的所述第二位置与所述信息资源的所述第三位置之间以供显示;以及
响应于检测到第二广告的第二可操作项上的第二交互而将所述滚动范围设置为从所述第一位置延伸到所述信息资源的第四位置的第三范围。
8.一种控制信息资源的内容的显示的方法,包括:
通过包括一个或多个处理器的客户端设备接收来自服务器的信息资源;所述信息资源包括至少第一内容部分、第二内容部分和内容显示管理脚本;
响应于接收到所述信息资源而通过所述客户端设备的应用调用所述内容显示管理脚本;
响应于调用所述内容显示管理脚本,通过所述客户端设备将所述信息资源的滚动范围设置为从所述信息资源中的第一位置延伸到所述信息资源中的第二位置的第一范围;
在所述第一位置与所述第二位置之间的所述信息资源的部分内通过所述客户端设备显示所述第一内容部分和内容项,所述内容项包括用以将所述信息资源的所述滚动范围设置为第二范围的可操作项;以及
响应于检测到广告的所述可操作项上的交互而通过所述客户端设备将所述滚动范围设置为从所述第一位置延伸到所述信息资源的第三位置的所述第二范围。
9.根据权利要求8所述的方法,进一步包括:
通过所述客户端设备基于所述第一内容部分的第一端部来识别所述信息资源中的所述第一位置;以及
通过所述客户端设备基于所述广告的第二端部来识别所述信息资源中的所述第二位置。
10.根据权利要求8或9所述的方法,进一步包括:
响应于检测到来自所述客户端设备的所述内容项的所述可操作项上的所述交互,通过所述客户端设备从所述信息资源上的显示移除所述可操作项。
11.根据权利要求8、9和10中的任一权利要求所述的方法,进一步包括:
通过所述客户端设备确定所述内容项已被显示在所述信息资源上的时间量;以及
响应于确定所述时间量超过预定义时间阈值,通过所述客户端设备来启用所述内容项上的所述可操作项以接收所述交互。
12.根据权利要求8到11中的任一权利要求所述的方法,进一步包括:
通过所述客户端设备确定所述应用的视口的大小;以及
通过所述客户端设备确定所述信息资源内的所述第二位置,使得当所述应用的滚动位置在所述第二位置时,所述内容项占据大于所述视口所限定的像素的预定百分比。
13.根据权利要求8到12中的任一权利要求所述的方法,进一步包括:
通过所述客户端设备将包括第二可操作项的第二内容项插入在所述信息资源的所述第二位置与所述信息资源的所述第三位置之间以供显示;以及
响应于检测到第二广告的第二可操作项上的第二交互而通过所述客户端设备将所述滚动范围设置为从所述第一位置延伸到所述信息资源的第四位置的第三范围。
14.一种用于控制信息资源的内容的显示的系统,包括:
存储器;以及
处理器,所述处理器被布置成读取和执行存储在所述存储器中的计算机可读指令,其中所述处理器可读指令包括被布置成控制所述计算机执行根据任一前述权利要求所述的方法的指令。
CN201680025895.1A 2015-08-21 2016-08-19 控制信息资源的内容的显示的系统和方法 Active CN109074214B (zh)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
US201562208175P 2015-08-21 2015-08-21
US62/208,175 2015-08-21
US14/866,000 US10430840B2 (en) 2015-08-21 2015-09-25 Systems and methods for creating an interstitial ad experience within a scrolling content frame
US14/866,000 2015-09-25
PCT/US2016/047891 WO2017035027A1 (en) 2015-08-21 2016-08-19 Systems and methods for controlling the display of content

Publications (2)

Publication Number Publication Date
CN109074214A true CN109074214A (zh) 2018-12-21
CN109074214B CN109074214B (zh) 2021-06-25

Family

ID=56843051

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201680025895.1A Active CN109074214B (zh) 2015-08-21 2016-08-19 控制信息资源的内容的显示的系统和方法

Country Status (4)

Country Link
US (2) US10430840B2 (zh)
EP (2) EP3614249A1 (zh)
CN (1) CN109074214B (zh)
WO (1) WO2017035027A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113207304A (zh) * 2019-12-03 2021-08-03 谷歌有限责任公司 将静态内容项转换为交互式内容项

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11847300B2 (en) * 2012-03-12 2023-12-19 Comcast Cable Communications, Llc Electronic information hierarchy
US9807728B2 (en) * 2015-06-30 2017-10-31 Dell Products L.P. Server information handling system wireless management and topology
CN107704468A (zh) * 2016-08-08 2018-02-16 广州市动景计算机科技有限公司 页面显示方法、装置和客户端设备
JP6984198B2 (ja) * 2017-07-07 2021-12-17 セイコーエプソン株式会社 表示装置、及び表示装置の制御方法
WO2019120575A1 (en) * 2017-12-22 2019-06-27 Huawei Technologies Co., Ltd. Vr 360 video for remote end users
US11055378B1 (en) * 2020-08-21 2021-07-06 Coupang Corp. Systems and methods for loading websites with multiple items
CN113256313B (zh) * 2021-06-15 2021-11-05 浙江汇鼎华链科技有限公司 一种基于区块链的食品溯源系统及方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009205623A (ja) * 2008-02-29 2009-09-10 Nec Corp テキスト表示装置、テキスト表示方法及びプログラム
US20100110034A1 (en) * 2008-11-06 2010-05-06 Darfon Electronics Corp. Touch Panel and Quick Scrolling Method Thereof
US20110083082A1 (en) * 2009-10-02 2011-04-07 Thomas Gottwald Fractional download based on currently presented portions from large content pages
US20120023457A1 (en) * 2010-07-22 2012-01-26 Yahoo!, Inc. Presentation of advertisements based on user interactivity with a web page
CN102439555A (zh) * 2009-05-19 2012-05-02 三星电子株式会社 操作便携式终端的方法和支持所述方法的便携式终端
CN103218197A (zh) * 2013-04-26 2013-07-24 安科智慧城市技术(中国)有限公司 一种动态显示数据的方法、装置和系统

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6157381A (en) * 1997-11-18 2000-12-05 International Business Machines Corporation Computer system, user interface component and method utilizing non-linear scroll bar
US6757716B1 (en) 1999-07-09 2004-06-29 Microsoft Corporation Method and system for modifying host application functionality based upon downloaded content
US20040055007A1 (en) * 2002-09-13 2004-03-18 David Allport Point-based system and method for interacting with electronic program guide grid
US7886067B2 (en) 2003-08-14 2011-02-08 Rich Hedia Club, LLC Internet-based system and method for distributing interstitial advertisements
US9208500B2 (en) 2006-07-21 2015-12-08 Microsoft Technology Licensing, Llc Fixed position multi-state interactive advertisement
EP3333741B1 (en) * 2010-02-17 2019-07-31 Verimatrix, Inc. Systems and methods for securing content delivered using a playlist
US8763060B2 (en) 2010-07-11 2014-06-24 Apple Inc. System and method for delivering companion content
US20120066638A1 (en) * 2010-09-09 2012-03-15 Microsoft Corporation Multi-dimensional auto-scrolling

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009205623A (ja) * 2008-02-29 2009-09-10 Nec Corp テキスト表示装置、テキスト表示方法及びプログラム
US20100110034A1 (en) * 2008-11-06 2010-05-06 Darfon Electronics Corp. Touch Panel and Quick Scrolling Method Thereof
CN102439555A (zh) * 2009-05-19 2012-05-02 三星电子株式会社 操作便携式终端的方法和支持所述方法的便携式终端
US20110083082A1 (en) * 2009-10-02 2011-04-07 Thomas Gottwald Fractional download based on currently presented portions from large content pages
US20120023457A1 (en) * 2010-07-22 2012-01-26 Yahoo!, Inc. Presentation of advertisements based on user interactivity with a web page
CN103218197A (zh) * 2013-04-26 2013-07-24 安科智慧城市技术(中国)有限公司 一种动态显示数据的方法、装置和系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113207304A (zh) * 2019-12-03 2021-08-03 谷歌有限责任公司 将静态内容项转换为交互式内容项
US12118073B2 (en) 2019-12-03 2024-10-15 Google Llc Converting static content items into interactive content items

Also Published As

Publication number Publication date
US20200019999A1 (en) 2020-01-16
EP3614249A1 (en) 2020-02-26
EP3298482A1 (en) 2018-03-28
CN109074214B (zh) 2021-06-25
US11080767B2 (en) 2021-08-03
WO2017035027A1 (en) 2017-03-02
US10430840B2 (en) 2019-10-01
US20170053325A1 (en) 2017-02-23
EP3298482B1 (en) 2019-10-09

Similar Documents

Publication Publication Date Title
CN109074214A (zh) 用于控制内容的显示的系统和方法
US10838609B2 (en) Systems and methods for dynamically appending supplemental content to an information resource responsive to scroll activity
CN108475200B (zh) 用于在无限滚动图形用户界面中归属滚动事件的系统和方法
KR102019410B1 (ko) 생성물의 랜딩 페이지에 기능적 확장들을 제공하는 방법들 및 시스템들
US9535887B2 (en) Creation of a content display area on a web page
US20210133823A1 (en) Systems and methods for automatically managing placement of content slots in an information resource
JP2020501222A (ja) クライアントデバイス上で実行されるアプリケーションによるコンテンツアイテムの提示の不適切な実施を検出するためのシステムおよび方法
CN104580348B (zh) 访问基于位置的内容
CN108475291A (zh) 使用图形元素呈现用于信息资源的内容元素的交互统计数据
EP3249554A1 (en) Systems and methods for client-side dynamic information resource activation and deactivation
US20140033228A1 (en) Configuring content display dimensions
CN106233284B (zh) 生成用于主要内容的稳定标识符的方法和系统
CN108028839A (zh) 用于动态限制信息资源中包括的未授权内容的渲染的系统和方法
US20180068347A1 (en) Generating a browsing area of a web browser
US20160019620A1 (en) Dynamic image sitelinks
CN113207304B (zh) 将静态内容项转换为交互式内容项

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant