CN110506267A - 数字组件背景渲染 - Google Patents
数字组件背景渲染 Download PDFInfo
- Publication number
- CN110506267A CN110506267A CN201980001930.XA CN201980001930A CN110506267A CN 110506267 A CN110506267 A CN 110506267A CN 201980001930 A CN201980001930 A CN 201980001930A CN 110506267 A CN110506267 A CN 110506267A
- Authority
- CN
- China
- Prior art keywords
- page
- publisher
- content
- library
- rendering
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/50—Monitoring users, programs or devices to maintain the integrity of platforms, e.g. of processors, firmware or operating systems
- G06F21/52—Monitoring users, programs or devices to maintain the integrity of platforms, e.g. of processors, firmware or operating systems during program execution, e.g. stack integrity ; Preventing unwanted data erasure; Buffer overflow
- G06F21/53—Monitoring users, programs or devices to maintain the integrity of platforms, e.g. of processors, firmware or operating systems during program execution, e.g. stack integrity ; Preventing unwanted data erasure; Buffer overflow by executing in a restricted environment, e.g. sandbox or secure virtual machine
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L63/00—Network architectures or network communication protocols for network security
- H04L63/14—Network architectures or network communication protocols for network security for detecting or protecting against malicious traffic
- H04L63/1441—Countermeasures against malicious traffic
- H04L63/1466—Active attacks involving interception, injection, modification, spoofing of data unit addresses, e.g. hijacking, packet injection or TCP sequence number attacks
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L63/00—Network architectures or network communication protocols for network security
- H04L63/14—Network architectures or network communication protocols for network security for detecting or protecting against malicious traffic
- H04L63/1441—Countermeasures against malicious traffic
- H04L63/1483—Countermeasures against malicious traffic service impersonation, e.g. phishing, pharming or web spoofing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2221/00—Indexing scheme relating to security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F2221/03—Indexing scheme relating to G06F21/50, monitoring users, programs or devices to maintain the integrity of platforms
- G06F2221/033—Test or assess software
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION 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/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0241—Advertisements
- G06Q30/0277—Online advertisement
Landscapes
- Engineering & Computer Science (AREA)
- Computer Security & Cryptography (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- Signal Processing (AREA)
- Computing Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Data Mining & Analysis (AREA)
- Computational Linguistics (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- General Health & Medical Sciences (AREA)
- Information Transfer Between Computers (AREA)
- Business, Economics & Management (AREA)
- Finance (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Strategic Management (AREA)
- Entrepreneurship & Innovation (AREA)
- Game Theory and Decision Science (AREA)
- Economics (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Processing Or Creating Images (AREA)
- Storage Device Security (AREA)
Abstract
方法、系统和包括在计算机存储介质上编码的计算机程序的装置,用于执行包括使用内容绑定库来定位发布者页面的内容元素的操作。对于每个内容元素,库确定内容元素的呈现属性,并且至少一个其他库检测指定正在请求发布者页面的用户设备的类型的模式参数。该库从发布者页面中选择特定内容元素作为参考点,用于使用特定内容元素的呈现属性在发布者页面处放置数字组件。该库确定用于渲染数字组件的发布者页面的位置,其中该位置是基于参考点和模式参数确定的。该库提供用于在发布者页面的位置处显示的数字组件。
Description
背景技术
本说明书涉及渲染数字内容。
网页被配置为显示各种不同类型的内容。在网页处渲染的内容可以由页面的发布者或主持人提供,也可以由供应其他内容以供与发布者的内容一起渲染的第三方提供。通常,由第三方提供的其他内容的呈现由发布者控制。在一些情况下,来自多个不同提供者的内容可以集成到单个电子文档中以创建复合文档,诸如显示多个内容元素的发布者网页。例如,电子文档中包括的内容的一部分可以由电子文档或网页的发布者选择(或指定)。内容的不同部分(例如,数字组件)可以由第三方(例如,不是网页的发布者和/或无权修改定义发布者页面的内容的代码的实体)提供。渲染内容的不同部分有时可能涉及被授予对发布者页面的访问权限的第三方系统,以便第三方可以控制发布者页面以在页面处插入他们的内容部分。然而,这种访问和控制可能会带来使发布者的系统或网页暴露而遭到未经授权的网络入侵的安全风险以及恶意行为者对敏感信息的潜在泄露。
发明内容
提供了方法、系统和包括在计算机存储介质上编码的计算机程序的装置,用于使用内容绑定库来定位构成发布者页面的内容元素。对于每个内容元素,内容绑定库确定内容元素的呈现属性,并检测指定正在请求发布者页面的用户设备的类型的模式参数。内容绑定库从发布者页面中选择特定内容元素作为参考点,用于使用特定内容元素的呈现属性在发布者页面处放置包括数字组件(例如,公共服务公告(例如,天气警告))、系统消息(例如,关于包括系统的计算机网络的内部状态的警告、或者计算机网络的一个或多个组件的预定维护时间的预先通知)、广告内容等)的背景创意。内容绑定库确定用于与数字组件一起渲染背景创意的发布者页面的位置。基于参考点和模式参数确定渲染背景创意的发布者页面的位置。内容绑定库在与发布者页面的内容元素相邻的发布者页面的位置处提供用于集成显示的数字组件。
本说明书中描述的主题的一个方面可以体现在计算机实施的方法中。该方法包括使用内容绑定库定位发布者页面的内容元素;并且,对于发布者页面的每个内容元素:使用内容绑定库确定内容元素的呈现属性,呈现属性包括(i)指定内容元素的尺寸的尺寸属性和(ii)发布者页面的内容元素的相对位置(即,发布者页面内的内容元素的位置)。该方法包括检测指定正在请求发布者页面的用户设备的类型的模式参数;并且,使用内容绑定库从发布者页面选择特定内容元素作为参考点,用于使用特定内容元素的呈现属性在发布者页面处放置数字组件。该方法包括使用内容绑定库确定用于渲染数字组件的发布者页面的位置,该位置是基于参考点和模式参数确定的;并且,使用内容绑定库提供用于在发布者页面的位置处显示的数字组件。
这些和其他实施方式可以各自可选地包括以下特征中的一个或多个。例如,在一些实施方式中,内容绑定库被配置为在发布者页面的位置处插入用于渲染数字组件的安全iframe、与渲染库通信、从渲染库接收数字组件、并使用在发布者页面的位置处插入的安全iframe将数字组件集成到发布者页面中,其中,该位置与发布者页面的特定内容元素相邻(即,该位置满足关于内容元素的相邻标准,诸如与内容元素间隔小于一定数量的像素,或者根本不与内容元素间隔任何像素(即,绝对相邻))。
在一些实施方式中,选择特定内容元素包括:基于由模式参数指定的用户设备的类型,识别用于在发布者页面上插入剪切块的第二参考点,第二参考点表示发布者页面的至少一个其他位置,该至少一个其他位置用于:渲染与特定内容元素相邻的、集成到发布者页面中的数字组件的一部分,或者渲染被提供用于在发布者页面处显示的另一个不同的数字组件。
在一些实施方式中,识别在发布者页面处的第二参考点包括:基于每个候选内容元素的相应深度值来识别一个或多个候选内容元素,每个相应的深度值是参考发布者页面的根节点来计算的;筛选与发布者页面的第一视口尺寸区域重叠的一个或多个候选内容元素;响应于筛选,从候选内容元素的剩余集合中选择内容元素,内容元素是基于指示内容元素最接近发布者页面的根节点的相应深度值来选择的;以及,基于选择的内容元素识别在发布者页面处的第二参考点。
在一些实施方式中,提供用于在发布者页面的位置处显示的数字组件包括基于来自渲染库的请求提供用于在发布者页面的位置处渲染的数字组件。
在一些实施方式中,渲染库包括被格式化以在多个不同类型的发布者页面处显示的多个数字组件,并且多个数字组件包括以下各项中的至少一个:背景创意组件或富媒体创意组件。
在一些实施方式中,模式参数指定用户设备的类型为移动计算设备,并且内容元素用于在为移动计算设备配置的发布者页面处显示,并且确定发布者页面的位置包括:基于指定每个内容元素的尺寸的相应尺寸属性以及在为移动计算设备配置的发布者页面处显示的每个内容元素的相应相对位置来确定位置。
在一些实施方式中,该方法还包括使用内容绑定库确定用于在发布者页面处集成和显示数字组件的渲染布局,其中,渲染布局是基于从渲染库接收的数字组件的元数据确定的。
在一些实施方式中,提供用于在发布者页面的位置处显示的数字组件包括:从渲染库提供数字组件,其中,渲染库表示禁止访问发布者页面的第一域;在内容绑定库处接收数字组件,其中,内容绑定库表示与第一域分离的第二域,并且第二域被配置为由渲染库的第一域访问;并且被配置为访问用于在发布者页面处集成的数字组件的第三域。
在一些实施方式中,第三域是发布者页面的、被配置为禁止第三方访问发布者页面的沙盒运行环境;第三域与渲染库的第一域和内容绑定库的第二域相分离;并且在发布者页面处集成的第三域的数字组件经由由内容绑定库建立的安全通信信道与渲染库通信。
本说明书中描述的主题的另一方面可以体现在计算系统中。计算系统包括内容绑定库,其定位用于在发布者页面处显示的内容元素,其中,所述内容绑定库被配置为:对于在发布者页面上显示的每个内容元素,确定内容元素的呈现属性,呈现属性包括(i)指定内容元素的尺寸的尺寸属性和(ii)发布者页面的内容元素的相对位置;以及,接收与指定正在请求发布者页面的用户设备的类型的模式参数有关的信息。该系统还包括数据集成器,其与发布者页面和内容绑定库的计算逻辑通信,其中,数据集成器被配置为:从发布者页面选择特定内容元素作为参考点,用于使用特定内容元素的呈现属性在发布者页面处放置数字组件;确定用于渲染数字组件的发布者页面的位置,该位置是基于参考点和模式参数确定的;以及,提供用于在发布者页面的位置处显示的数字组件。
这些和其他实施方式可以各自可选地包括以下特征中的一个或多个。例如,在一些实施方式中,系统还包括渲染库,其被配置为:与内容绑定库通信以将数字组件提供给内容绑定库,其中,内容绑定库被配置为在发布者页面的位置处插入用于渲染数字组件的安全iframe,并使用在发布者页面的位置处插入的安全iframe使数据集成器将数字组件集成到发布者页面中,其中,该位置与发布者页面的特定内容元素相邻。
在一些实施方式中,数据集成器基于由模式参数指定的用户设备的类型,通过识别用于在发布者页面上插入剪切块的第二参考点来选择特定内容元素,第二参考点表示发布者页面的至少一个其他位置,该至少一个其他位置用于渲染:与特定内容元素相邻的、集成到发布者页面中的数字组件的一部分,或者被提供用于在发布者页面上显示的另一不同数字组件。
在一些实施方式中,数据集成器被配置为通过以下方式识别在发布者页面处的第二参考点:i)基于每个候选内容元素的相应深度值识别一个或多个候选内容元素,每个相应深度值是参考发布者页面的根节点计算的;ii)筛选与发布者页面的第一视口尺寸区域重叠的一个或多个候选内容元素;iii)响应于筛选,从候选内容元素的剩余集合中选择内容元素,内容元素是基于指示内容元素最接近发布者页面的根节点的相应深度值来选择的;iv)基于选择的内容元素识别在发布者页面处的第二参考点。
在一些实施方式中,数据集成器被配置为基于来自渲染库的请求提供用于在发布者页面的位置处显示的数字组件。
这和其他方面的其他实施方式包括相应的系统、装置和被配置为执行方法的动作的、编码在计算机存储设备上的计算机程序。一个或多个计算机的计算系统或硬件电路可以通过安装在系统上的软件、固件、硬件或它们的组合来如此配置使得在操作时使系统执行动作。一个或多个计算机程序可以通过具有指令的方式来如此配置,指令在由数据处理装置执行时使装置执行动作。
可以实施本说明书中描述的主题的特定实施例,以便实现以下优点中的一个或多个。计算系统的渲染模块执行用于实施内容绑定库和渲染库的特定计算规则,其中内容绑定库和渲染库交互以在网页处集成数字组件。数字组件与背景创意相关联,其中背景创意可以集成在发布者网页处以包裹或围绕网页的内容元素而不模糊内容。渲染模块基于请求页面的用户设备的类型有效地生成不同的背景格式,以在发布者页面处集成和有效地显示数字组件,而不模糊发布者页面的内容(例如,构成发布者页面的内容项)。描述了用于在网页处插入安全iframe的技术,其使得数字组件能够放置在页面的内容元素相邻处而不需提供第三方对网页的直接访问。
所描述的计算过程使得能够进行先前不能由计算机系统以有效的方式执行的、用于有效地显示和安全地集成第三方内容的可重复的自动化过程。例如,系统使用特定的计算规则集合,这些规则一致且有效地使第三方提供者能够生成可以集成在各种发布者页面处的数字组件,而不需要主观的人工设计分析,否则将需要这些分析。特定计算规则可用于生成用于在发布者页面处集成数字组件的背景格式,而不管页面可以组织或格式化其内容的不同方式。这样,所描述的技术使得计算机能够执行计算机先前无法执行的操作,其中计算机先前无法执行的操作是由于设计者如何选择用于在页面上呈现内容的位置的主观性质、如何呈现网页的动态性质(例如,可以呈现网页的不同设备,以及由于用户能够旋转设备屏幕以重新格式化网页的呈现而基于设备的方向来改变网页呈现的能力)、开发标准化流程以确保能够安全地在网页处集成第三方内容而不会模糊页面内容或损害页面的安全性的挑战。
在附图和以下描述中阐述了本说明书中描述的主题的一个或多个实施例的细节。根据说明书、附图和权利要求,本主题的其他特征、方面和优点将变得显而易见。
附图说明
图1是用于在发布者页面处渲染数字组件的示例计算系统的框图。
图2是用于在发布者页面处将数字组件渲染为背景的示例过程的流程图。
图3是用于在发布者页面处将数字组件渲染为背景的示例计算架构的框图。
图4A示出了包括多个内容元素的发布者页面。
图4B和4C示出了在发布者页面处渲染的数字组件的示例。
图5是可以结合本说明书中描述的方法使用的计算系统的框图。
各附图中相同的附图标记和名称表示相同的元件。
具体实施方式
本文档描述了用于在网页处渲染集成为背景创意的数字组件的方法。“背景创意”或“创意资产”可以指基于对构成电子文档的内容元素的分析(例如,基于对网页的文档对象模型(document object model,DOM)中指定的内容和/或内容容器的分析)而在电子文档(诸如,HTML网页)处插入的iframe。iframe可以被配置为在与网页分离的沙盒运行环境中渲染数字组件,从而使数字组件能够作为网页本身的内容元素之一出现。通常,内容元素可以表示作为网页的一部分的内容的一部分,其中,网页的内容可以包括内容元素、与内容元素集成的数字组件、或者可以定义网页的各种项目的其他内容。在一些实施方式中,包括数字组件的背景创意可以是由创意设计者设计的用于在发布者页面集成的网页。数字组件可以表示由创意设计者制作的、要包含在网页中的消息内容。
如在整个本文档中详细解释的,计算系统使用特定的计算过程/规则,其使得内容提供者(例如,第三方提供者)能够创建在各种发布者网页上运行的整个站点创意,而不会降低创作体验。例如,系统包括内容绑定库,其扫描发布者页面以自动定位和选择页面的内容元素,该内容元素用作用于在发布者页面处动态放置和集成渲染一个或多个数字组件的背景创意的参考点。用作参考点的内容元素是基于呈现属性(例如,内容的尺寸和相对位置)来选择的,其中该呈现属性指示特定内容元素是包含页面上大多数(或主要部分或焦点)发布者内容的HTML元素。内容绑定库使用参考点来确定用于在发布者页面处放置和集成渲染一个或多个数字组件(例如,由与发布者不同的第三方提供的内容)的背景创意的位置。
为了便于将背景创意集成到发布者页面中,内容绑定库从系统的渲染库接收渲染数字组件的请求。当选择背景创意以在发布者页面处显示时,可以至少使用内容绑定库将一个或多个渲染库放置在发布者页面处。例如,渲染库可以请求内容绑定库在确定的位置处将数字组件集成到发布者页面中。基于所接收的请求,内容绑定库使用特定的计算规则(在下面更详细地讨论)插入iframe,用于定义背景创意并且用于将背景创意内的数字组件放置在例如与所选内容元素指示的参考点相邻的位置。内容绑定库引导iframe参与与系统的其他计算服务器的安全通信,以获得集成在发布者页面处的背景创意。接收与背景创意对应的网页,并将其加载到iframe中并在发布者页面处渲染。使用沙盒运行上下文(例如,安全iframe)在发布者页面处渲染背景创意,以防止第三方获得对发布者页面的控制或访问,从而防止恶意行为者获得对发布者页面的控制。在一些实施方式中,数字组件位于背景创意内,以便使发布者的页面看起来被创意设计师生成的内容皮肤所包裹,从而使发布者的页面具有统一的外观和感觉,而不是似乎只是将数字组件插入在页面的插槽中。
如本文档中所使用的,短语“数字组件”是指网页、数字内容或数字信息的离散单元(例如,视频剪辑、音频剪辑、多媒体剪辑、富媒体、图像、文本或其他内容单元)。数字组件可以以电子方式存储在物理存储器设备中作为单个文件或文件集合,并且数字组件可以采取视频文件、音频文件、多媒体文件、图像文件或文本文件的形式,并包括广告信息,使得广告就是一种数字组件。短语“数字组件”可以指嵌入到电子文档中的数字内容的一部分,该电子文档由与数字组件的提供者不同的实体提供。
图1示出了用于在发布者页面处渲染数字组件的计算系统100的框图。系统100包括计算服务器102,计算服务器102使用软件指令来访问、实施或运行渲染模块104。如图1所示,渲染模块104可以使用特定计算规则在发布者页面106处渲染数字组件。例如,渲染模块104可以与发布者页面106交互以分析构成发布者页面的内容元素的呈现属性。渲染模块104使用呈现属性来确定发布者页面106的至少一个位置,用于在发布者页面处将数字组件集成并显示为背景(例如,在背景创意中)。术语“发布者页面的位置”在这里用于表示发布者页面内的位置,例如,基于发布者页面生成的显示内的位置。
计算服务器102被配置为使用渲染模块104来访问和提供被格式化以在发布者页面106处显示为背景(例如,在背景创意中)的数字组件。在一些实施方式中,渲染模块104作为包括一个或多个处理器微芯片的硬件电路的子系统被包括在服务器102内。通常,服务器102可以包括共同形成服务器102的计算机系统的处理器、存储器和数据存储设备。计算机系统的处理器处理由服务器102运行的指令,这些指令包括存储在存储器或数据存储设备中的指令,以显示用于在用户设备处输出的图形信息。
执行所存储的指令可以使服务器102或渲染模块104执行本文描述的一个或多个动作。在一些实施方式中,可以适当地使用多个处理器以及多个存储器和多种类型的存储器。例如,服务器102可以与多个其他计算设备连接,其中,每个设备(例如,服务器阵列、服务器组、模块或多处理器系统)执行本说明书中描述的动作、操作或逻辑流程的一部分。
渲染模块104包括内容绑定库108(“绑定库108”)、渲染库110和资产索引112。绑定库108被配置为定位构成发布者页面106的内容元素,并确定用于放置用于在发布者页面106处显示的背景创意和/或数字组件的一个或多个位置。例如,绑定库108被配置为定位发布者页面106的标题和页面元素,其中,使用背景创意来在该发布者页面106上安装包含第三方内容的数字组件,其中包括广告内容的任何内容都可以包括在第三方内容中。绑定库108可以在发布者页面106处注入、绑定或以其他方式集成背景创意,以及对页面执行正确地集成背景创意并使用背景创意显示数字组件可能需要的改变。例如,执行的一些改变可以包括调整或改变发布者页面106的背景颜色,插入一个或多个“间隔”元素,或者调整发布者页面106的滚动位置,其中,“间隔”元素用于平移或移动发布者页面106的内容(例如,向上或向下平移内容)、调整发布者页面106的宽度、调整发布者页面106的各种内容元素的CSS(cascading style sheet,级联样式表)位置属性。一些调整(例如,滚动位置和页面宽度的改变)可以在执行用于在发布者页面106处集成背景创意的计算过程之前立即执行,然后在之后立即改变回来。在一些实施方式中,其他改变(诸如,对背景颜色的调整)在用户访问网页的一段时间内保持。
如下面更详细描述的,绑定库108扫描发布者页面106以确定页面的哪些内容元素是标题元素(例如,使用用于将内容元素指定为标题元素的位置和范围规则)。绑定库108基于一个或多个标准确定发布者页面106的内容元素是否是标题元素。例如,如果发布者页面106的元素满足以下标准,则该元素可以被认为是标题元素:i)该元素被确定位于页面的顶部或者紧接在已被识别为标题元素的另一个元素的下方;ii)该元素不超出发布者页面106的第一视口(viewport);iii)该元素占满发布者页面106的整个宽度;iv)该元素满足最小纵横比阈值(例如,相对于发布者页面106的示例视口,该元素是足够短和宽的元素)。在一些实施方式中,绑定库108扫描发布者页面106以查找可见元素,诸如,人眼在页面上可能看到的元素。绑定库108基于元素是否满足可见性标准来确定元素是否可见,诸如,元素的CSS属性是否指示该元素应该是可见的,以及该元素是否被祖先元素“屏蔽”在页面之外。例如,当一个元素放置在父元素的边界之外,并且父元素的CSS属性被设置为不显示超出父元素边界的任何内容时,该元素可以被屏蔽。因此,考虑仅位于另一元素后面的元素,但不考虑被其父元素“屏蔽”的元素。
渲染库110与绑定库108通信,以提供用于在由绑定库108确定的发布者页面106的给定位置处进行集成的数字组件。在一些实施方式中,给定位置至少接近发布者页面106的特定内容元素(例如,标题元素)(例如,基本上接近发布者页面106的特定内容元素,诸如在发布者页面106的特定内容元素的指定数量的像素内)或紧邻发布者页面106的特定内容元素(例如,标题元素)。例如,绑定库108基于发布者页面106的每个内容元素的呈现属性确定给定位置,并且与渲染库110通信以基于所确定的位置在发布者页面106处放置和集成(多个)数字组件。在一些实施方式中,响应于来自渲染库110的一个或多个请求而将数字组件集成在发布者页面106处,这一个或多个请求在绑定库108处被接收以进行处理。尽管被指示为处于渲染模块104的控制之下,但是绑定库108和渲染库110可以作为服务器102的独立计算库而存在,并且处于诸如渲染模块104的计算实体的直接控制之外。
绑定库108可以生成资产索引112,资产索引112包括对iframe的引用(例如,资源定位符),用于与集成到背景创意中以在发布者页面106处显示的数字组件通信。在一些实施方式中,可以以沙盒运行上下文的方式(例如,使用背景创意的安全iframe)在发布者页面106处呈现、集成和/或以其他方式显示数字组件,以防止第三方或恶意行为者获得对发布者页面106的访问或控制。例如,绑定库108可以在发布者页面106处将iframe插入到发布者页面106中,以在发布者页面106处放置和集成数字组件。例如,绑定库108可以使用标签(例如,<iframe>标签)在发布者页面106处插入iframe,该标签定义诸如网页的HTML文档中的分区或部分。响应于插入iframe,绑定库108可以生成并向iframe返回指针(例如,引用指针)。当绑定库108返回引用指针时,数字组件可以包括在iframe处以形成背景创意。
渲染库110可以使用指针数据与加载的iframe或由iframe渲染的数字组件通信,而不需要直接控制或访问发布者页面106。在一些实施方式中,绑定库108执行至少一个脚本文件以将引用数据发送到渲染库110,以与插入发布者页面106处的数字组件通信。例如,渲染模块104可以生成示例安全发信链路/信道114,并使用安全链路114的后发信功能,以至少在通过背景创意的iframe集成在发布者页面106处的数字组件与渲染库110之间安全地交换数据通信。在一些实施方式中,绑定库108使用资产索引112序列化用于访问以及与发布者页面106的iframe或数字组件通信的引用数据,并且将关于资产索引112的数据返回到渲染库110,以便促进渲染库110与索引112中包括的iframe的数字组件之间的通信。
渲染模块104可以检测正在请求或已经请求发布者页面106的用户设备的类型。例如,渲染模块104基于从发布者页面106或从托管、渲染发布者页面106或与发布者页面106通信的设备接收的参数数据来检测用户设备是移动设备还是非移动设备。在一些实施方式中,作为移动设备的用户设备包括智能手机或其他类似的手持电子设备(例如,iPod、迷你平板设备等)。通常,这些移动设备被配置为基于为这些移动设备中包括的硬件显示器配置的页面布局和内容格式来渲染发布者页面的内容元素。作为非移动设备的用户设备包括台式计算机或膝上型计算机,或其他类似的较大计算设备(例如,全尺寸平板设备、电子阅读器、Chromebook等)。通常,这些非移动设备被配置为基于为这些非移动设备中包括的硬件显示器配置的页面布局和内容格式来渲染发布者页面的内容。通常,包括在移动设备中的硬件显示器将小于非移动设备的硬件显示器。另外,不同的移动设备可以具有不同的尺寸和/或纵横比显示器。此外,一些设备能够将多媒体内容广播到与这些设备(例如,在同一房间中)共处的单独显示器,诸如,大屏幕高清晰度电视屏幕,并且为了确定将最终呈现发布者页面106的显示器的显示属性,可以类似地将该信息提供给渲染模块104。
图2是用于在发布者页面处将数字组件渲染为背景(例如,在背景创意的iframe中)的示例过程200的流程图。具体地,过程200是确定用于渲染数字组件的发布者页面的位置,并提供该数字组件以用于在该发布者页面的该位置处集成并显示该数字组件的示例处理流程。可以使用上述系统100来实施或运行过程200。因此,对过程200的描述可以参考上述系统100的计算资源。通常,过程200的描述中包括的计算步骤和过程流可以被分组或安排为以不同的顺序发生,并且不限于本文描述的数字序列。
现在参考过程200,在框202,系统100使用绑定库108来定位在发布者页面106处显示的内容,而在框204,对于发布者页面106的每个定位的内容,绑定库108确定内容的呈现属性。例如,渲染模块104使用绑定库108来分析包括在发布者页面106处的信息,以便定位在发布者页面处显示的多个内容元素。为了定位和确定发布者页面106的哪个内容是内容元素,绑定库108可以执行多步骤计算方案(下面描述)。在一些实施方式中,当运行计算方案时,发布者页面106的所有可见内容可以是单个内容元素的候选者,并且绑定库108可以生成包括发布者页面106的所有可见内容的候选内容元素的列表。
在该方案的每个过程步骤中,对列表的候选内容元素进行筛选或削减,直到剩余单个内容元素。在一些实施方式中,当找到或定位了单个内容元素时,计算方案终止定位过程,而不管该方案的其他过程步骤是否尚未完成。因此,在定位了单个内容元素时,计算方案将终止多步骤过程并返回包括关于该单个内容元素的数据的单个内容元素。在一些实施方式中,在已经完成计算方案的所有过程步骤之后,可以保留多个候选内容元素。在这种情况下,绑定库108被配置为选择候选内容元素列表中的第一内容元素作为单个内容元素。
现在将描述计算方案的多步骤过程。首先,绑定库108识别发布者页面106的标题元素的位置,并生成所有可能的候选内容元素的列表。绑定库108基于内容元素是正被定位用于插入剪切块还是横幅(下面分别描述)来以不同的方式生成列表。对于剪切块,生成的列表将包括基于CSS属性“可见”的所有候选内容元素,如上所述。对于横幅(例如,桌面横幅或移动横幅),生成的列表将包括未固定到发布者页面的视口的所有候选内容元素(例如,具有CSS位置属性但不“固定”的元素),包括不是标题元素的所有候选内容元素,并且包括未被祖先或父元素屏蔽的所有候选内容元素,如上所述。绑定库108丢弃不与发布者页面106的至少阈值部分重叠的内容元素。如参考图4A更详细地描述的那样,发布者页面106的阈值部分可以由发布者页面106的示例视口定义,并且可以对应于发布者页面106的前30%。发布者页面106的阈值部分可以对应于在页面顶部由页面的最底部标题界定以及在页面底部由视口底部界定的区域。在一些实施方式中,绑定库108使用所定位的内容元素来在发布者页面106处放置和显示数字组件。因此,可能希望数字组件(例如,表示广告)在发布者页面106的顶部或者至少在页面的顶部阈值部分对用户可见。因此,计算方案可用于确保绑定库108定位和/或选择至少接近发布者页面106的顶部(例如,在页面的顶部的指定数量的像素内或在比页面底部更靠近页面顶部的相对位置处)的单个内容元素。
接下来,绑定库108可以设置从发布者页面106的顶部延伸到底部的一系列区域,诸如重叠的一系列区域(例如,垂直区域),并且仅保留与最大数量的这些区域相交的那些内容元素。在一些实施方式中,单个非重叠区域集合足以确定哪些内容元素覆盖发布者页面106的大量垂直空间。绑定库108使用重叠的区域集合来确保刚好与特定区域交叉的内容元素的权重不如覆盖特定区域更多的内容元素那么重。在一些实施方式中,绑定库108使用重叠的水平窗口或区域而不是垂直区域的集合。水平区域的使用有助于确保发布者页面106的某些内容元素(诸如,长而细的菜单栏)不会超过发布者页面106的其他更实质的内容元素对应物而被选择。
在计算方案的至少一个步骤中,绑定库108可以比较发布者页面106的内容元素的列表中的每个候选内容元素(或每个剩余候选元素)的内容元素深度。例如,发布者页面106可以包括文档对象模型(Document Object Model,DOM)树,DOM树定义发布者页面106的内容元素的结构。每个内容元素可以具有相对于DOM树的根的相应深度值。例如,发布者页面106的内容元素的DOM树可以包括这样一种结构,其中,<html>位于根,然后<head>和<body>是其子节点。
绑定库108可以基于每个候选内容元素的相应深度值来识别发布者页面106的一个或多个候选内容元素。例如,绑定库108使用安装在发布者页面106处的编码脚本与发布者页面106通信。使用编码脚本,绑定库108可以获得用于确定包括在发布者页面106处的内容元素的呈现属性的信息。由绑定库108确定的呈现属性可以包括发布者页面106处的项目的深度值和指定内容元素的尺寸的尺寸属性。在一些实例中,内容元素的深度值指示发布者页面106处的内容元素相对于页面的根的相对位置。例如,可以参考发布者页面106的DOM树的根节点来计算每个相应的深度值。
为了定位和选择内容元素作为插入背景创意的参考点,绑定库108被配置为筛选与发布者页面106的第一视口尺寸区域重叠的一个或多个候选内容元素。响应于筛选,绑定库108从候选内容元素的剩余集合中选择内容元素,其中至少部分地基于指示相对于DOM树的根的内容元素位置的相应深度值来选择内容元素。例如,绑定库108可以识别或选择最接近发布者页面的根节点的内容元素作为插入用于渲染顶部横幅或用于识别接缝元素的iframe的位置或参考点(下面描述)。
或者,绑定库108可以保持或保留如由每个元素的相应深度值所确定的、距离根最远的内容元素。例如,基于对每个内容元素的相应深度值的比较,绑定库108可以保持离根最远的某些内容元素以帮助确保选择最接近大多数内容的内容元素,而不是仅包裹实际的大多数内容元素并起到向页面添加空间的作用的发布者页面106的宽内容元素。如下所述,绑定库108可以通过将背景创意放置在单个内容元素周围或内容元素内来集成包括数字组件的背景创意。因此,如本文所述,网页的内容元素可以被定义为包含用户访问发布者网页以消费的大部分内容的内容元素,诸如,新闻故事、“操作方法”教程内容或意见片段。
在框206,绑定库108检测指定正在请求发布者页面106的用户设备的类型的模式参数。如上所述,渲染模块104可以检测正在请求或已经请求发布者页面106的用户设备的类型。例如,绑定库108可以接收参数数据,该参数数据包括或定义指定用户设备类型的模式参数。在一些实施方式中,使用绑定库108并基于安装在发布者页面106处的已运行代码脚本(例如,JavaScript文件)来获得模式参数。模式参数使得绑定库108能够检测请求发布者页面106的用户设备的类型是移动设备还是非移动设备和/或用户设备是否正在(例如,无线地)向另一设备广播内容。在一些实施方式中,模式参数通知放置在发布者页面106处的渲染库将对绑定库108进行的背景创意的请求种类。因此,绑定库108例如基于来自渲染库的请求中包括的模式参数来理解是使用基于移动的内容元素检测能力还是基于桌面的内容元素检测能力。绑定库108基于模式参数确定使用哪个内容元素检测能力,并执行如本文所述的内容元素检测算法以确定用于集成背景创意的参考点。
在过程200的框208,绑定库108从发布者页面106选择单个内容元素(即,特定内容元素)作为参考点,用于使用单个内容元素的呈现属性在页面处放置数字组件。在一些实施方式中,渲染模块104包括被配置为与发布者页面106和绑定库108的计算逻辑通信的数据集成器(例如,一个或多个编码脚本),以使得能够选择发布者页面106的单个内容元素。在框210,绑定库108和/或数据集成器确定用于渲染数字组件的发布者页面的位置,其中该位置至少基于参考点和模式参数来确定。例如,可以使用至少接近(例如,基本上接近)或绝对邻近发布者页面106的特定内容元素(例如,标题元素)的参考点来定义或确定位置。
一旦绑定库108选择内容元素并确定位置,绑定库108就可以响应于从渲染库110接收的请求,将新的背景创意(例如,使用iframe并包括数字组件)绘制或集成到发布者页面106中。如下面更详细描述的,绑定库108在发布者页面106处集成新的背景创意的方式根据请求发布者页面106的用户设备的类型而不同。例如,渲染模块104可以包括计算架构(或多个架构),其使用不同的计算规则集合来在发布者页面106处渲染数字组件,这取决于请求和/或将呈现发布者页面106的用户设备的类型。或者,渲染模块104可以包括和使用不同的计算架构,用于在发布者页面处渲染数字组件,其中一个体系结构表示移动渲染模式,用于在移动用户设备请求的发布者页面106处渲染数字组件,并且另一个体系结构表示非移动(例如,桌面)渲染模式,用于在非移动用户设备请求的发布者页面106处渲染数字组件。
然而,对于移动和桌面渲染模式,渲染库110可以请求用于在发布者页面106处绘制顶部横幅的iframe。例如,顶部横幅将被集成到发布者页面106的流中,以便在用户导航发布者页面时提供数字组件的流表示,例如,顶部横幅不是绝对放置的。在一些实施方式中,顶部横幅将具有设置为发布者页面106的宽度的100%的宽度属性(例如,对于移动渲染模式)和与宽度成比例地设置的高度属性,而不管请求发布者页面106的用户设备的类型如何。顶部横幅可以包括具有带被设置到特定背景资产的有源路径或者安全链接(例如,由系统100的内容服务器建立的URL)的沙盒iframe的div元素(这里简称为“div”)。特定背景资产可以是数字组件,该数字组件基于指示用户设备的类型是非移动(或移动)用户设备的模式参数而专门配置用于背景(或剪切)渲染。在一些实施方式中,顶部横幅的iframe与<div>标签交互以使得能够将子资产添加到顶部横幅,其中子资产作为iframe的兄弟姐妹被添加到div。
在过程200的框212处,绑定库108和/或渲染模块104的数据集成器提供数字组件,用于使用在发布者页面106的该位置处插入的安全iframe在发布者页面106的该位置处显示。例如,绑定库108基于在绑定库108处接收的来自渲染库110的请求,提供用于在发布者页面106的确定位置处渲染的数字组件。因此,绑定库108:i)与渲染库110(其提供数字组件)通信;ii)从渲染库110接收数字组件;iii)使用由绑定库108在该位置插入的安全iframe,使数字组件在该位置被集成到发布者页面106中。渲染库110可以包括各种不同的数字组件,每个数字组件被格式化以用于使用经由绑定库108在发布者页面上插入的一个或多个iframe在各种不同类型的发布者页面处显示。数字组件可以包括以下中的至少一个:背景创意组件或富媒体创意组件。在一些实施方式中,用于集成数字组件的位置与发布者页面的所选内容元素相邻,诸如包含用户访问发布者页面以消费的大部分内容的内容元素,诸如,新闻故事、“操作方法”教程内容、或意见片段。
在一些实施方式中,渲染库110表示禁止访问发布者页面(例如,主机页面域)的第一域(例如,创意域),并且绑定库108表示与第一域分离的第二域。第二域:i)被配置为由渲染库110的第一域访问,ii)被配置为访问集成在发布者页面处的数字组件的第三域(例如,资产域),以及iii)被配置为用于在主机页面域、第一域和第三域中的每一个之间重叠通信。如在本文档中所使用的,所描述的域可以各自表示不同的计算环境,在计算环境中运行编程的指令以执行与该域的特定安全性上下文一致的动作。
第三域可以是发布者页面106的沙盒运行环境(例如,iframe),其被配置为禁止第三方访问发布者页面106和主机页面域。此第三域与渲染库的第一域和内容绑定库的第二域相分离。在发布者页面106处集成的第三域的数字组件经由由绑定库108建立的安全通信信道(例如,安全链路114)与渲染库110通信。在一些实施方式中,安全通信信道用于在给定系统内的同一机器或机器集合上的不同域(例如,第一域和第三域)之间进行通信。
图3示出了用于在发布者页面106处将数字组件渲染为背景的渲染模块104和服务器102的示例计算架构300的框图。如上所述,绑定库108基于正在请求或已经请求发布者页面106的用户设备的类型,在发布者页面106处不同地集成新的背景创意。例如,渲染模块104可以包括计算架构300,其执行用于在发布者页面106处渲染数字组件的不同计算规则集合。在一些实施方式中,一组计算规则对应于移动渲染模式,而另一组计算规则对应于非移动(例如,桌面)渲染模式。
架构300指示如何为在发布者页面106处集成数字组件的背景创意构建PrimaryFile对象。元数据302向模型工厂304提供字符串数据,模型工厂304检查或查询UserAgent字符串(例如,通过从属对象)并基于UserAgent字符串的值产生移动PrimaryFile对象308或桌面PrimaryFile对象310。例如,发布者页面106处的创意服务可以包括创意是主要文件的元数据中的背景创意的指示。在一些实施方式中,用于背景创意和相关联的数字组件的元数据302由渲染库110管理和提供。
背景创意可以包含单个主要资产,该资产的renderAs值设置为“Backdrop”。模型工厂304通过识别或获得renderAs值并使用该值作为信号指示符来产生来自创意元数据302的模型对象,以产生不同类型的PrimaryFile模型对象308和310。每个PrimaryFile模型对象308、310可以具有不同的统一资源定位符(uniform resource locator,URL)片段,其指示PrimaryFile对象是应该表现为非移动(桌面)设备资产还是移动设备资产。例如,模型工厂304可以查询UserAgent字符串以识别或获得renderAs值,以确定应该为移动渲染还是为非移动渲染产生创意。
基于renderAs值,如果UserAgent字符串指示要在移动环境中(例如,在智能手机的显示器处)渲染创意,则模型工厂304可以为包括顶部横幅和剪切块(如下所述)的背景创意生成移动PrimaryFile对象308。同样,如果UserAgent字符串指示要在非移动环境(例如,台式计算机的显示器)中渲染创意,则模型工厂304可以为包括顶部横幅和桌面背景的背景创意生成桌面PrimaryFile对象310。
所描述的架构300的计算规则可以使用渲染模块104来实施。例如,渲染模块104可以使用绑定库108来确定用于在发布者页面106处集成和显示数字组件的渲染布局。在一些实施方式中,基于从渲染库110接收的背景创意定义的数字组件的元数据来确定渲染布局。例如,绑定库108通过检查或查询创意的UserAgent字符串或基于从放置在发布者页面的一个或多个渲染库提供给绑定库108的信息来确定用于在发布者页面106处集成和显示数字组件的渲染布局。
与数据集成器相关联的背景渲染器被配置为使用跨域发信协议(诸如,服务工作者或包含DOM文档的窗口的协议)来发起与发布者页面106上的绑定库108的连接。渲染器使用该连接将PrimaryFile对象308、310的URL以及关于文件对象的附加元数据(诸如,对象相对于所选内容元素和所选内容元素的呈现属性放置或应该放置的位置)一起传递到绑定库108。在一些实施方式中,背景渲染器使得所请求的创意资产(包括数字组件)被绘制或集成在内容元素周围。渲染器可以使用返回功能来传递回获取参考上下文的装置,该参考上下文用于建立到在发布者页面106处渲染的集成资产的安全连接或链路114。
图4A示出了发布者页面400的示例内容,其包括被识别为“内容标题”的多个项目/内容元素。可以参考图4A的表示以提供用于定位发布者页面的内容的附加上下文,以便选择发布者页面106的特定内容元素以用于放置数字组件。如上所述,发布者页面400的顶部中的元素被保留为候选者,以确保当发布者页面400加载到用户设备时,用户可以立即看到背景创意。视口402包括内容元素406的一部分并且定义发布者页面400的区域,其中元素406的内容标题408a、408b必须与该区域重叠以保留为候选内容元素。因此,站点标题元素404和内容标题408a、408b与由视口402定义的发布者页面400的顶部重叠并且被保留为候选者,而内容标题410表示被丢弃或筛选而不被考虑为候选内容元素的其他元素。
图4B和4C示出了作为背景创意的一部分在发布者页面处渲染的数字组件的示例。具体地,图4B的实施方式示出了在网站或发布者页面420处渲染的背景创意中包括的数字组件428的示例,该网站或发布者页面420被配置为在非移动用户设备(例如,台式/膝上型计算机)处显示。在一些实施方式中,渲染库110被配置为当元数据302指示背景创意用于在桌面环境中显示和/或模式参数指定非移动用户设备正在请求页面420时,仅请求在页面420处集成背景元素422。
背景元素422可以被放置为相对于页面420的示例视口426固定和水平居中,使得背景元素422的顶部与发布者页面上的最底部标题的底部齐平。如上所述,系统100能够以至少两种模式绘制涉及数字组件的背景创意,例如,移动模式(用于智能手机型设备)或非移动模式(用于台式/膝上型设备)。在桌面/非移动模式中,绑定库108检测到内容元素429a/b的垂直边缘与发布者页面410的视口426的垂直边缘之间存在宽的沟槽。因此,在该模式中,绑定库108被配置为渲染两种类型的用于集成数字组件的背景创意,即顶部横幅424和桌面背景元素422。
背景元素422可以包括包裹安全沙盒iframe的<div>标签和到渲染库110的安全链接,用于加载和重新加载使用iframe在页面420处渲染的数字组件428。可以将<div>标签插入到DOM树的主体结构的第一子节点之前,以便在背景的顶部上绘制内容元素,并且背景不会使内容元素模糊。在一些实施方式中,关闭按钮(未示出)可以插入背景元素422的右上角,例如,作为背景元素422的覆盖特征。关闭按钮被放置为背景元素422的div的子节点。控制关闭按钮的绑定被配置为检测用户点击并且当按钮被点击时通知绑定库108从页面420移除背景创意。
在图4C的实施方式中,示出了在为移动设备配置的发布者页面430处渲染的背景创意的示例。在移动渲染的上下文中,渲染模块104使用绑定库108来渲染至少两个资产:i)顶部横幅432,以及ii)剪切块434。在一些实施方式中,渲染库110被配置为当元数据302指示背景创意用于在移动环境中显示和/或模式参数指定移动用户设备正请求发布者页面430时,仅请求在页面430处插入剪切块434。在图4C的视觉图中,顶部横幅432和剪切块434显示在一个屏幕上。然而,如果剪切块434被渲染在可在移动用户设备处可见的发布者页面的阈值部分下方(例如,当页面加载时剪切块被放置在视口的底部下方或折叠下方),则顶部横幅432和剪切块434可能不会同时可见。
当系统100在移动模式(用于智能手机类型设备)中插入涉及数字组件的背景创意时,绑定库108使用与桌面模式不同的渲染细节和计算规则。例如,因为发布者页面的内容元素通常占据移动设备的可用显示屏幕的更多,所以系统100不是在发布者页面的背景中渲染背景内容或背景创意的视觉图,而是使用绑定库108在插入页面处的剪切块434中渲染背景内容/视觉图。如在本文档中所使用的,剪切块是插入到发布者页面430的流中以将内容片段436a(和436b)分开的元素,从而在用户向下滚动发布者的页面430时向用户提供背景的视图。因此,在该移动模式中(用于智能手机型设备),绑定库108指定计算规则以渲染两种类型的资产,即顶部横幅432和移动剪切块434,这两种资产被唯一地配置为在发布者页面430处集成数字组件433(或数字组件433的各个部分)以在移动用户设备处渲染。
在一些实施方式中,绑定库108在视口438的底部边缘的正下方插入剪切块434,以便创建在消费发布者页面430的内容436a/b时滚动浏览背景的用户体验。对于移动模式,选择用于放置背景创意的数字组件的特定内容元素可以包括基于由模式参数指定的用户设备(例如,移动用户设备)的类型来识别发布者页面430的接缝元素。接缝元素表示发布者页面430的至少一个其他位置,该至少一个其他位置用于渲染在发布者页面处集成的数字组件的一部分。接缝元素可用于渲染与所选内容元素相邻的数字组件的一部分,或用于渲染与所选内容元素相邻的另一不同数字组件。
在移动模式中,接缝元素可以直接跟随剪切块的间隔<div>标签,并且绑定库108可以确定发布者页面430的哪个内容元素是接缝元素并且可以使用接缝元素来确定用于在发布者页面430处插入剪切块434的位置。剪切块434可以是渲染布局/格式的移动特定部分。在外观上,剪切块是在发布者页面430的流中渲染的、当用户滚动浏览页面的其他内容元素时向用户显示页面的背景的元素。实际上,这种效果是通过插入发布者页面430中的间隔<div>标签和基于预定义尺寸裁剪的固定背景元素的组合来实现的。与桌面模式的背景元素一样,剪切块434可以包括间隔div但具有绝对放置的iframe。div可以在发布者页面流中在固定高度处渲染,该固定高度可以是示例视口高度的一半和视口宽度的100%。
iframe可以作为间隔div的子节点而被渲染,并且间隔div的溢出参数可以设置为隐藏,使得iframe的延伸超过间隔的部分将不可见。当用户滚动时,控制剪切块434的绑定可以改变背景的位置,使得当间隔位于发布者页面430的底部时,显示背景的底部,并且当间隔位于页面的顶部时,显示背景的顶部。在一些实施方式中,执行该移动所需的计算确保:如果背景比视口短,则当间隔div处于视口的极端时,可出现一部分空白空间。与桌面背景一样,剪切块434可以包括关闭按钮,该关闭按钮具有绑定,绑定被配置为检测用户点击,并且响应于检测到用户点击关闭按钮而向绑定库108提供指示符以销毁背景创意。
图5是可用于实施本文档中描述的系统和方法的计算设备500、550的框图,作为客户端或服务器或多个服务器。计算设备500旨在表示各种形式的数字计算机,诸如膝上型计算机、台式机、工作站、个人数字助理、服务器、刀片服务器、大型机和其他适当的计算机。计算设备550旨在表示各种形式的移动设备,诸如个人数字助理、蜂窝电话、智能电话、智能手表、头戴式设备和其他类似的计算设备。这里示出的组件,它们的连接和关系以及它们的功能仅仅是示例性的,并不意味着限制本文档中描述和/或要求保护的实施方式。
计算设备500包括处理器502、存储器504、存储设备506、连接到存储器504和高速扩展端口510的高速接口508、以及连接到低速总线514和存储设备506的低速接口512。组件502、504、506、508、510和512中的每一个使用各种总线互连,并且可以适当地安装在公共主板上或以其他方式安装。处理器502可以处理用于在计算设备500内运行的指令,包括存储在存储器504中或存储设备506上的指令,以在外部输入/输出设备(诸如,耦合到高速接口508的显示器516)上显示GUI的图形信息。在其他实施方式中,可以适当地使用多个处理器和/或多个总线以及多个存储器和多种类型的存储器。而且,可以连接多个计算设备500,每个设备提供必要操作的一部分,例如,作为服务器库、刀片服务器集合或多处理器系统。
存储器504在计算设备500内存储信息。在一个实施方式中,存储器504是计算机可读介质。在一个实施方式中,存储器504是一个或多个易失性存储器单元。在另一实施方式中,存储器504是一个或多个非易失性存储器单元。
存储设备506能够为计算设备500提供大容量存储。在一个实施方式中,存储设备506是计算机可读介质。在各种不同的实施方式中,存储设备506可以是软盘设备、硬盘设备、光盘设备或磁带设备、闪存或其他类似的固态存储器设备、或包括存储区域网络中的设备或其他配置的设备阵列。在一个实施方式中,计算机程序产品有形地体现在信息载体中。该计算机程序产品包含的指令,这些指令在运行时执行一种或多种诸如上述方法的方法。信息载体是计算机或机器可读介质,诸如存储器504、存储设备506或处理器502上的存储器。
高速控制器508管理计算设备500的带宽密集型操作,而低速控制器512管理较低带宽密集型操作。这种职责分配只是示范性的。在一个实施方式中,高速控制器508例如通过图形处理器或加速器耦合到存储器504、显示器516,并且耦合到高速扩展端口510,高速扩展端口510可以接受各种扩展卡(未示出)。在该实施方式中,低速控制器512耦合到存储设备506和低速扩展端口514。可以包括各种通信端口(例如,USB、蓝牙、以太网、无线以太网)的低速扩展端口可以耦合到一个或多个输入/输出设备(例如,键盘、指示设备、扫描仪)或者例如通过网络适配器耦合到网络设备(诸如,交换机或路由器)。
如图所示,计算设备500可以以多种不同的形式实施。例如,它可以实施为标准服务器520,或者在一组这样的服务器中实施多次。它还可以实施为机架服务器系统524的一部分。另外,它可以在诸如膝上型计算机522的个人计算机中实施。或者,来自计算设备500的组件可以与诸如设备550的移动设备(未示出)中的其他组件组合。每个这样的设备可以包含计算设备500、550中的一个或多个,并且整个系统可以由彼此通信的多个计算设备500、550组成。
计算设备550包括处理器552、存储器564、诸如显示器554的输入/输出设备、通信接口566和收发器568以及其他组件。设备550还可以设置有存储设备,诸如微驱动器或其他设备,以提供额外的存储。组件550、552、564、554、566和568中的每一个使用各种总线互连,并且若干组件可以适当地安装在公共主板上或以其他方式安装。
处理器552可以处理用于在计算设备550内运行的指令,包括存储在存储器564中的指令。处理器还可以包括单独的模拟和数字处理器。例如,处理器可以提供对设备550的其他组件(诸如用户接口的控制、设备550运行的应用以及设备550的无线通信)的协调。
处理器552可以通过控制接口558和耦合到显示器554的显示接口556与用户通信。显示器554可以是例如TFT LCD显示器或OLED显示器,或其他适当的显示技术。显示接口556可以包括用于驱动显示器554以向用户呈现图形和其他信息的适当电路。控制接口558可以从用户接收命令并将它们转换以提交给处理器552。另外,可以提供与处理器552通信的外部接口562,以使得设备550能够与其他设备进行近区域通信。外部接口562可以例如经由对接程序用于有线通信,或者例如通过蓝牙或其他此类技术用于无线通信。
存储器564在计算设备550内存储信息。在一个实施方式中,存储器564是计算机可读介质。在一个实施方式中,存储器564是一个或多个易失性存储器单元。在另一实施方式中,存储器564是一个或多个非易失性存储器单元。还可以提供扩展存储器574并通过扩展接口572连接到设备550,扩展接口572可以包括例如SIMM卡接口。这种扩展存储器574可以为设备550提供额外的存储空间,或者也可以存储设备550的应用或其他信息。具体地,扩展存储器574可以包括用于执行或补充上述过程的指令,并且还可以包括安全信息。因此,例如,扩展存储器574可以被提供作为设备550的安全模块,并且可以用允许安全使用设备550的指令编程。另外,可以经由SIMM卡提供安全应用以及附加信息,例如以不可破解的方式将识别信息放置在SIMM卡上。
如下所述,存储器可以包括例如闪存和/或MRAM存储器。在一个实施方式中,计算机程序产品有形地体现在信息载体中。该计算机程序产品包含指令,这些指令在运行时执行诸如上述方法的一种或多种方法。信息载体是计算机或机器可读介质,诸如,存储器564、扩展存储器574或处理器552上的存储器。
设备550可以通过通信接口566进行无线通信,通信接口566可以在必要时包括数字信号处理电路。通信接口566可以提供各种模式或协议(例如GSM语音呼叫、SMS、EMS或MMS消息、CDMA、TDMA、PDC、WCDMA、CDMA2000或GPRS等)下的通信。例如,可以通过射频收发器568发生这种通信。另外,可能发生短距离通信,诸如使用蓝牙、WiFi或其他这样的收发器(未示出)。另外,GPS接收器模块570可以向设备550提供附加的无线数据,其可以由在设备550上运行的应用适当地使用。
设备550还可以使用音频编解码器560可听地进行通信,音频编解码器560可以从用户接收语音信息并将其转换为可用的数字信息。音频编解码器560同样可以为用户产生可听声音,诸如通过扬声器,例如在设备550的手持机中。这样的声音可以包括来自语音电话呼叫的声音,可以包括记录的声音(例如语音消息、音乐文件等),并且还可以包括由在设备550上操作的应用生成的声音。
如图所示,计算设备550可以以多种不同的形式实施。例如,它可以实施为蜂窝电话580。它还可以实施为智能手机582、个人数字助理或其他类似移动设备的一部分。
这里描述的系统和技术的各种实施方式可以在数字电子电路、集成电路、专门设计的ASIC、计算机硬件、固件、软件和/或其组合中实现。这些各种实施方式可以包括在一个或多个计算机程序中的实施方式,这些计算机程序在包括至少一个可编程处理器的可编程系统上可执行和/或可解释,其中可编程处理器是特殊的或通用的,并且可编程系统耦合以从存储系统、至少一个输入设备和至少一个输出设备接收数据和指令,并将数据和指令发送到存储系统、至少一个输入设备和至少一个输出设备。
这些计算机程序,也称为程序、软件、软件应用程序或代码,包括可编程处理器的机器指令,并且可以以高级过程和/或面向对象的编程语言和/或以汇编/机器语言实施。如本文所使用的,术语“机器可读介质”“计算机可读介质”是指用于向可编程处理器提供机器指令和/或数据的任何计算机程序产品、装置和/或设备(例如,磁盘、光盘、存储器、可编程逻辑器件(ProgrammableLogic Device,PLD)),包括接收机器指令作为机器可读信号的机器可读介质。术语“机器可读信号”指的是用于向可编程处理器提供机器指令和/或数据的任何信号。
为了提供与用户的交互,这里描述的系统和技术可以在计算机上实施,该计算机具有用于向用户显示信息的显示设备(例如,CRT(cathode ray tub,阴极射线管)或LCD(liquid crystal displa,液晶显示器)监视器)以及用户可以通过其向计算机提供输入的键盘和指示设备(例如,鼠标或轨迹球)。其他类型的设备也可用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的感觉反馈,例如,视觉反馈、听觉反馈或触觉反馈;并且可以以任何形式接收来自用户的输入,包括声学、语音或触觉输入。
这里描述的系统和技术可以在计算系统中实施,该计算系统包括例如作为数据服务器的后端组件、或者包括中间件组件(诸如应用服务器)、或者包括前端组件(诸如具有用户可以通过其与这里描述的系统和技术的实施方式交互的图形用户界面或Web浏览器的客户端计算机)或者这样的后端、中间件或前端组件的任何组合。系统的组件可以通过任何形式或介质的数字数据通信(诸如通信网络)互连。通信网络的示例包括局域网(local areanetwork,LAN)、广域网(wide area network,WAN)和因特网。
计算系统可以包括客户端和服务器。客户端和服务器通常彼此远离,并且通常通过通信网络进行交互。客户端和服务器的关系由于在各个计算机上运行并且彼此具有的客户端-服务器关系的计算机程序而产生。
如在本说明书中所使用的,术语“模块”旨在包括但不限于被配置为执行一个或多个软件程序的一个或多个计算机,其中软件程序包括使计算机的(多个)处理单元/设备执行一个或多个功能的程序代码。术语“计算机”旨在包括任何数据处理或计算设备/系统,诸如台式计算机、膝上型计算机、大型计算机、个人数字助理、服务器、手持设备、智能电话、平板计算机、电子阅读器或能够处理数据的任何其他电子设备。
已经描述了许多实施例。然而,应该理解,在不脱离本发明的精神和范围的情况下,可以进行各种修改。因此,其他实施例在所附权利要求的范围内。虽然本说明书包含许多具体实施细节,但这些不应被解释为对可要求保护的范围的限制,而是作为特定于特定实施例的特征的描述。本说明书中的在单独实施例的上下文中描述的某些特征也可以在单个实施例中组合实施。
相反,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合在多个实施例中实施。此外,尽管上面的特征可以描述为以某些组合起作用并且甚至最初是如此要求保护的,但是在某些情况下,来自所要求保护的组合的一个或多个特征可以从组合中切除,并且所要求保护的组合可以指向子组合或子组合的变体。
类似地,虽然在附图中以特定顺序描绘了操作,但是这不应该被理解为要求以所示的特殊的顺序或按顺次的顺序来执行这些操作、或者执行所有示出的操作以实现期望的结果。在某些情况下,多任务处理和并行处理可以是有利的。而且,上述实施例中的各种系统组件的分离不应被理解为在所有实施例中都需要这种分离,并且应当理解的是,描述的程序组件和系统总体上可以在单一软件产品中集成在一起或者被打包到多个软件产品当中。
已经描述了主题的特定实施例。其他实施例在所附权利要求的范围内。例如,权利要求中记载的动作可以以不同的顺序执行并且仍然实现期望的结果。作为一个示例,附图中描绘的一些过程不一定需要所示的特定顺序或连续顺序来实现期望的结果。
Claims (20)
1.一种计算机实施的方法,包括:
使用内容绑定库定位发布者页面的内容元素;
对于所述发布者页面中的每个内容元素:
使用所述内容绑定库确定内容元素的呈现属性,所述呈现属性包括(i)指定内容元素的尺寸的尺寸属性和(ii)所述发布者页面的内容元素的相对位置;
检测指定正在请求所述发布者页面的用户设备的类型的模式参数;
使用所述内容绑定库从所述发布者页面中选择特定内容元素作为参考点,用于使用所述特定内容元素的呈现属性在所述发布者页面处放置数字组件;
使用所述内容绑定库确定用于渲染所述数字组件的所述发布者页面的位置,所述位置是基于所述参考点和所述模式参数确定的;以及
使用所述内容绑定库提供用于在所述发布者页面的位置处显示的所述数字组件。
2.如权利要求1所述的方法,其中,所述内容绑定库被配置为:
在所述发布者页面的位置处插入用于渲染所述数字组件的安全iframe、与渲染库通信、从所述渲染库接收所述数字组件、并使用在所述发布者页面的位置处插入的所述安全iframe将所述数字组件集成到所述发布者页面中,其中,所述位置与所述发布者页面的所述特定内容元素相邻。
3.如权利要求1或2所述的方法,其中,选择所述特定内容元素包括:
基于由所述模式参数指定的用户设备的类型,识别用于在所述发布者页面处插入剪切块的第二参考点,所述第二参考点表示所述发布者页面的至少一个其他位置,所述至少一个其他位置用于:
渲染与所述特定内容元素相邻的、集成到所述发布者页面中的所述数字组件的一部分,或者
渲染被提供用于在所述发布者页面处显示的另一个不同的数字组件。
4.如权利要求3所述的方法,其中,识别在所述发布者页面处的所述第二参考点包括:
基于每个候选内容元素的相应深度值来识别一个或多个候选内容元素,每个相应深度值是参考所述发布者页面的根节点来计算的;
筛选与所述发布者页面的第一视口尺寸区域重叠的一个或多个候选内容元素;
响应于筛选,从候选内容元素的剩余集合中选择内容元素,所述内容元素是基于指示所述内容元素最接近所述发布者页面的根节点的相应深度值来选择的;以及
基于选择的内容元素识别在所述发布者页面处的所述第二参考点。
5.如权利要求2所述的方法,其中,提供用于在所述发布者页面的位置处显示的所述数字组件包括:
基于来自所述渲染库的请求,提供用于在所述发布者页面的位置处渲染的所述数字组件。
6.如权利要求2或5所述的方法,其中:
所述渲染库包括多个数字组件,所述多个数字组件被格式化以在多个不同类型的发布者页面处显示,并且
所述多个数字组件包括以下各项中的至少一个:背景创意组件或富媒体创意组件。
7.如前述权利要求中任一项所述的方法,其中,所述模式参数指定用户设备的类型为移动计算设备,并且所述内容元素用于在为所述移动计算设备配置的发布者页面处显示,并且确定所述发布者页面的位置包括:
基于指定每个内容元素的尺寸的相应尺寸属性以及在为所述移动计算设备配置的所述发布者页面处显示的每个内容元素的相应相对位置来确定所述位置。
8.如权利要求2、5或6所述的方法,还包括:
使用所述内容绑定库确定用于在所述发布者页面处集成和显示所述数字组件的渲染布局,其中,所述渲染布局是基于从所述渲染库接收的所述数字组件的元数据确定的。
9.如权利要求2、5、6或8所述的方法,其中,提供用于在所述发布者页面的位置处显示的所述数字组件包括:
从所述渲染库提供数字组件,其中,所述渲染库表示禁止访问所述发布者页面的第一域;以及
在所述内容绑定库处接收所述数字组件,其中,所述内容绑定库表示与所述第一域分离的第二域,并且所述第二域被配置为:
由所述渲染库的第一域访问;以及
访问用于在所述发布者页面处集成的数字组件的第三域。
10.如权利要求9所述的方法,其中:
所述第三域是所述发布者页面的、被配置为禁止第三方访问所述发布者页面的沙盒运行环境;
所述第三域与所述渲染库的第一域和所述内容绑定库的第二域相分离;并且
在所述发布者页面处集成的所述第三域的数字组件经由由所述内容绑定库建立的安全通信信道与渲染库通信。
11.一种计算系统,包括:
内容绑定库,定位用于在发布者页面处显示的内容元素,其中,所述内容绑定库被配置为:
对于在所述发布者页面处显示的每个内容元素,确定内容元素的呈现属性,所述呈现属性包括(i)指定内容元素的尺寸的尺寸属性和(ii)所述发布者页面的内容元素的相对位置;以及
接收与指定正在请求所述发布者页面的用户设备的类型的模式参数有关的信息;和
数据集成器,与所述发布者页面和所述内容绑定库的计算逻辑通信,其中,所述数据集成器被配置为:
从所述发布者页面选择特定内容元素作为参考点,用于使用所述特定内容元素的呈现属性在所述发布者页面处放置数字组件;
确定用于渲染所述数字组件的所述发布者页面的位置,所述位置是基于所述参考点和所述模式参数确定的;以及
提供用于在所述发布者页面的位置处显示的所述数字组件。
12.如权利要求11所述的计算系统,还包括渲染库,所述渲染库被配置为:
与所述内容绑定库通信以将所述数字组件提供给所述内容绑定库,其中,所述内容绑定库被配置为在所述发布者页面的位置处插入用于渲染所述数字组件的安全iframe,并使用在所述发布者页面的位置处插入的所述安全iframe使所述数据集成器将所述数字组件集成到所述发布者页面中,其中,所述位置与所述发布者页面的所述特定内容元素相邻。
13.如权利要求11或12所述的计算系统,其中,所述数据集成器通过基于由所述模式参数指定的用户设备的类型识别用于在所述发布者页面处插入剪切块的第二参考点来选择所述特定内容元素,所述第二参考点表示所述发布者页面的至少一个其他位置,所述至少一个其他位置用于渲染:
与所述特定内容元素相邻的、集成到所述发布者页面中的所述数字组件的一部分,或者
被提供用于在所述发布者页面处显示的另一不同数字组件。
14.根据权利要求13所述的计算系统,其中,所述数据集成器被配置为通过以下方式识别在所述发布者页面处的所述第二参考点:
i)基于每个候选内容元素的相应深度值识别一个或多个候选内容元素,每个相应深度值是参考所述发布者页面的根节点计算的;
ii)筛选与所述发布者页面的第一视口尺寸区域重叠的一个或多个候选内容元素;
iii)响应于筛选,从候选内容元素的剩余集合中选择内容元素,所述内容元素是基于指示所述内容元素最接近所述发布者页面的根节点的相应深度值来选择的;以及
iv)基于选择的内容元素识别在所述发布者页面处的所述第二参考点。
15.如权利要求12所述的计算系统,其中,所述数据集成器被配置为基于来自所述渲染库的请求提供用于在所述发布者页面的位置处显示的所述数字组件。
16.根据权利要求12或15所述的计算系统,其中:
所述渲染库包括多个数字组件,所述多个数字组件被格式化以在多个不同类型的发布者页面处显示,并且
所述多个数字组件包括以下各项中的至少一个:背景创意组件或富媒体创意组件。
17.如权利要求12、15或16所述的计算系统,其中:
所述渲染库表示禁止访问所述发布者页面的第一域;
内容绑定库表示与所述第一域分离的第二域,并且所述第二域被配置为:
由所述渲染库的第一域访问;以及
访问用于在所述发布者页面处集成的数字组件的第三域。
18.如权利要求17所述的计算系统,其中:
所述第三域是所述发布者页面的、被配置为禁止第三方访问所述发布者页面的沙盒运行环境;
所述第三域与所述渲染库表示的第一域和所述内容绑定库表示的第二域相分离;以及
在所述发布者页面处集成的所述第三域的数字组件经由由所述内容绑定库建立的安全通信信道与所述渲染库通信。
19.用于存储指令的一个或多个非暂时性机器可读存储设备,所述指令由一个或多个处理设备执行以执行以下操作,包括:
使用内容绑定库定位发布者页面的内容元素;
对于所述发布者页面的每个内容元素:
使用所述内容绑定库确定内容元素的呈现属性,所述呈现属性包括(i)指定内容元素的尺寸的尺寸属性和(ii)所述发布者页面的内容元素的相对位置;
检测指定正在请求所述发布者页面的用户设备的类型的模式参数;
使用所述内容绑定库从所述发布者页面选择特定内容元素作为参考点,用于使用所述特定内容元素的呈现属性在所述发布者页面处放置数字组件;
使用所述内容绑定库确定用于渲染所述数字组件的发布者页面的位置,所述位置是基于所述参考点和所述模式参数确定的;以及
使用所述内容绑定库提供用于在所述发布者页面的位置处显示的所述数字组件。
20.根据权利要求19所述的非暂时性机器可读存储设备,其中,所述内容绑定库被配置为:
在所述发布者的位置处插入用于渲染所述数字组件的安全iframe,
与所述渲染库通信,并从所述渲染库接收所述数字组件,以及
使用在所述发布者页面的位置处插入的安全iframe将所述数字组件集成到所述发布者页面中,其中,所述位置与所述发布者页面的所述特定内容元素相邻。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US15/886,049 | 2018-02-01 | ||
US15/886,049 US10671798B2 (en) | 2018-02-01 | 2018-02-01 | Digital component backdrop rendering |
PCT/US2019/015435 WO2019152319A1 (en) | 2018-02-01 | 2019-01-28 | Digital component backdrop rendering |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110506267A true CN110506267A (zh) | 2019-11-26 |
CN110506267B CN110506267B (zh) | 2023-06-23 |
Family
ID=65409563
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201980001930.XA Active CN110506267B (zh) | 2018-02-01 | 2019-01-28 | 数字组件背景渲染 |
Country Status (6)
Country | Link |
---|---|
US (2) | US10671798B2 (zh) |
EP (2) | EP3596647B1 (zh) |
JP (1) | JP6975339B2 (zh) |
KR (1) | KR102350540B1 (zh) |
CN (1) | CN110506267B (zh) |
WO (1) | WO2019152319A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113296757A (zh) * | 2020-06-12 | 2021-08-24 | 阿里巴巴集团控股有限公司 | 集成开发环境布局的处理方法和系统 |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110531951B (zh) * | 2019-08-30 | 2022-03-25 | 腾讯科技(深圳)有限公司 | 画面输出模式调整方法、装置、设备、系统及存储介质 |
US11108836B2 (en) * | 2019-10-15 | 2021-08-31 | Relola, Inc. | System and methods of de-centralized content collection, distribution, and control |
CN113655999B (zh) * | 2021-08-05 | 2024-01-09 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
KR102579484B1 (ko) * | 2021-09-07 | 2023-09-15 | 네이버 주식회사 | 위지위그 편집 도구를 제공하는 방법 및 시스템 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070299857A1 (en) * | 2006-06-23 | 2007-12-27 | Microsoft Corporation | Cross Domain Communication |
CN102414682A (zh) * | 2009-05-01 | 2012-04-11 | 高通股份有限公司 | 用于在图形用户接口中提供零碎网页的方法和设备 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
US20150213516A1 (en) * | 2014-01-25 | 2015-07-30 | Leo Jeremias | Computer system for displaying video ads on web pages |
US20150220492A1 (en) * | 2013-02-22 | 2015-08-06 | Swoop Inc. | Systems and methods for integrating dynamic content into electronic media |
CN104981802A (zh) * | 2013-02-27 | 2015-10-14 | 日立数据系统有限公司 | 针对对象存储器索引系统的内容类别 |
US20160259840A1 (en) * | 2014-10-16 | 2016-09-08 | Yahoo! Inc. | Personalizing user interface (ui) elements |
WO2017048496A1 (en) * | 2015-09-16 | 2017-03-23 | Google Inc. | Systems and methods for automatically managing placement of content slots in an information resource |
CN106708480A (zh) * | 2015-07-29 | 2017-05-24 | 腾讯科技(深圳)有限公司 | 管理平台实现方法和装置 |
Family Cites Families (44)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6199082B1 (en) * | 1995-07-17 | 2001-03-06 | Microsoft Corporation | Method for delivering separate design and content in a multimedia publishing system |
JP2002202931A (ja) * | 2000-12-28 | 2002-07-19 | K-Tai Net:Kk | サーバ及び記録媒体 |
AUPR947701A0 (en) * | 2001-12-14 | 2002-01-24 | Activesky, Inc. | Digital multimedia publishing system for wireless devices |
FR2841079B1 (fr) * | 2002-06-14 | 2005-02-25 | Canal Plus Technologies | Procede de diffusion d'application html |
US20040260767A1 (en) * | 2003-06-19 | 2004-12-23 | David Kedem | Dynamic web advertisement and content display system |
US7035438B2 (en) * | 2003-07-30 | 2006-04-25 | Xerox Corporation | System and method for measuring and quantizing document quality |
US8099660B1 (en) * | 2004-09-30 | 2012-01-17 | Google Inc. | Tool for managing online content |
US7925973B2 (en) * | 2005-08-12 | 2011-04-12 | Brightcove, Inc. | Distribution of content |
US20070112630A1 (en) * | 2005-11-07 | 2007-05-17 | Scanscout, Inc. | Techniques for rendering advertisments with rich media |
US20100153836A1 (en) * | 2008-12-16 | 2010-06-17 | Rich Media Club, Llc | Content rendering control system and method |
US7996777B2 (en) * | 2006-04-20 | 2011-08-09 | Google Inc. | Syndicated trackable ad content |
US8249908B2 (en) * | 2006-11-30 | 2012-08-21 | Google Inc. | Targeted content request |
US20090031216A1 (en) * | 2007-07-26 | 2009-01-29 | Vio Worldwide Limited | Preflighting for web publishing |
WO2009039519A1 (en) * | 2007-09-21 | 2009-03-26 | Louis Dorman | Internet background advertising service |
US8996682B2 (en) * | 2007-10-12 | 2015-03-31 | Microsoft Technology Licensing, Llc | Automatically instrumenting a set of web documents |
US20090313127A1 (en) * | 2008-06-11 | 2009-12-17 | Yahoo! Inc. | System and method for using contextual sections of web page content for serving advertisements in online advertising |
US8165915B1 (en) * | 2008-07-23 | 2012-04-24 | Google Inc. | Advertisement customization |
JP5462591B2 (ja) * | 2009-10-30 | 2014-04-02 | 楽天株式会社 | 特有コンテンツ判定装置、特有コンテンツ判定方法、特有コンテンツ判定プログラム及び関連コンテンツ挿入装置 |
WO2011090550A1 (en) * | 2009-12-28 | 2011-07-28 | Google Inc. | Distributing content |
US8452710B2 (en) * | 2009-12-31 | 2013-05-28 | Ebay Inc. | Secure expandable advertisements using an API and cross-domain communications |
US20110258056A1 (en) * | 2010-04-20 | 2011-10-20 | LifeStreet Corporation | Method and Apparatus for Universal Placement Server |
KR101134449B1 (ko) * | 2010-07-16 | 2012-06-04 | 주식회사 오비고 | 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체 |
US9558289B2 (en) * | 2010-09-30 | 2017-01-31 | Microsoft Technology Licensing, Llc | Securely rendering online ads in a host page |
US9443257B2 (en) | 2010-10-21 | 2016-09-13 | Yahoo! Inc. | Securing expandable display advertisements in a display advertising environment |
US9269096B2 (en) * | 2011-05-23 | 2016-02-23 | Microsoft Technology Licensing, Llc | Advertisement rendering for multiple synced devices |
US20130007602A1 (en) * | 2011-06-29 | 2013-01-03 | Apple Inc. | Fixed layout electronic publications |
EP2754004A4 (en) * | 2011-09-08 | 2015-08-19 | Double Verify Inc | SYSTEM AND METHOD FOR IMPROVED INTERACTION BETWEEN AN IFRAME OR SITE AND AN EMBEDDED IFRAME FROM ANOTHER DOMAIN |
US9098471B2 (en) * | 2011-12-29 | 2015-08-04 | Chegg, Inc. | Document content reconstruction |
US20130339139A1 (en) * | 2012-01-18 | 2013-12-19 | High Impact Media Llc | System and method for nonstandard creative content auctioning |
EP2826205A4 (en) * | 2012-03-13 | 2016-03-23 | Cognilore Inc | METHOD OF NAVIGATING THROUGH DIGITAL CONTENTS |
US20170316467A1 (en) * | 2012-07-20 | 2017-11-02 | Oracle America, Inc. | System and Methods for Determining Advertising Visibility on Web Pages |
US20140095328A1 (en) * | 2012-09-28 | 2014-04-03 | Yahoo! Inc. | Interactive reveal ad unit |
US9582156B2 (en) * | 2012-11-02 | 2017-02-28 | Amazon Technologies, Inc. | Electronic publishing mechanisms |
US9436767B2 (en) * | 2013-03-07 | 2016-09-06 | Google Inc. | Serving content items based on device rotational orientation |
US10354294B2 (en) * | 2013-08-28 | 2019-07-16 | Google Llc | Methods and systems for providing third-party content on a web page |
US9881318B1 (en) * | 2013-09-16 | 2018-01-30 | Amazon Technologies, Inc. | Attributing web-based user actions to multivariate test parameters associated with publisher content |
US10402852B2 (en) * | 2014-07-24 | 2019-09-03 | Google Llc | Content item slot location suggestions |
US9734519B2 (en) * | 2014-12-29 | 2017-08-15 | Excalibur Ip, Llc | Native advertisement smart injection |
US10261669B2 (en) * | 2015-07-14 | 2019-04-16 | Adobe Inc. | Publishing electronic documents utilizing navigation information |
US10152554B2 (en) * | 2016-02-23 | 2018-12-11 | Google Llc | Detecting digital content visibility |
US9680923B1 (en) * | 2016-10-06 | 2017-06-13 | Pranav Jain | Platform and network for joint distribution of content by multiple publishers |
US10311091B2 (en) * | 2017-03-24 | 2019-06-04 | Apple Inc. | Generation and presentation of an overview of an electronic magazine issue |
EP3682346A1 (en) * | 2017-09-12 | 2020-07-22 | Google LLC | Predicting non-observable parameters for digital components |
US10939182B2 (en) * | 2018-01-31 | 2021-03-02 | WowYow, Inc. | Methods and apparatus for media search, characterization, and augmented reality provision |
-
2018
- 2018-02-01 US US15/886,049 patent/US10671798B2/en active Active
-
2019
- 2019-01-28 JP JP2020541867A patent/JP6975339B2/ja active Active
- 2019-01-28 EP EP19704989.3A patent/EP3596647B1/en active Active
- 2019-01-28 EP EP21162847.4A patent/EP3855329A1/en active Pending
- 2019-01-28 WO PCT/US2019/015435 patent/WO2019152319A1/en unknown
- 2019-01-28 KR KR1020207022495A patent/KR102350540B1/ko active IP Right Grant
- 2019-01-28 CN CN201980001930.XA patent/CN110506267B/zh active Active
-
2020
- 2020-05-29 US US16/887,461 patent/US11055474B2/en active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070299857A1 (en) * | 2006-06-23 | 2007-12-27 | Microsoft Corporation | Cross Domain Communication |
CN102414682A (zh) * | 2009-05-01 | 2012-04-11 | 高通股份有限公司 | 用于在图形用户接口中提供零碎网页的方法和设备 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
US20150220492A1 (en) * | 2013-02-22 | 2015-08-06 | Swoop Inc. | Systems and methods for integrating dynamic content into electronic media |
CN104981802A (zh) * | 2013-02-27 | 2015-10-14 | 日立数据系统有限公司 | 针对对象存储器索引系统的内容类别 |
US20150213516A1 (en) * | 2014-01-25 | 2015-07-30 | Leo Jeremias | Computer system for displaying video ads on web pages |
US20160259840A1 (en) * | 2014-10-16 | 2016-09-08 | Yahoo! Inc. | Personalizing user interface (ui) elements |
CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
CN106708480A (zh) * | 2015-07-29 | 2017-05-24 | 腾讯科技(深圳)有限公司 | 管理平台实现方法和装置 |
WO2017048496A1 (en) * | 2015-09-16 | 2017-03-23 | Google Inc. | Systems and methods for automatically managing placement of content slots in an information resource |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113296757A (zh) * | 2020-06-12 | 2021-08-24 | 阿里巴巴集团控股有限公司 | 集成开发环境布局的处理方法和系统 |
Also Published As
Publication number | Publication date |
---|---|
US10671798B2 (en) | 2020-06-02 |
US20190236115A1 (en) | 2019-08-01 |
EP3596647B1 (en) | 2021-03-17 |
CN110506267B (zh) | 2023-06-23 |
WO2019152319A1 (en) | 2019-08-08 |
US20200311340A1 (en) | 2020-10-01 |
EP3855329A1 (en) | 2021-07-28 |
EP3596647A1 (en) | 2020-01-22 |
KR102350540B1 (ko) | 2022-01-14 |
JP2021512415A (ja) | 2021-05-13 |
JP6975339B2 (ja) | 2021-12-01 |
KR20200104899A (ko) | 2020-09-04 |
US11055474B2 (en) | 2021-07-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10521486B2 (en) | Method and apparatus for using proxies to interact with webpage analytics | |
US11182535B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
US10678995B2 (en) | System and methods for control of content presented on web pages | |
CN110506267A (zh) | 数字组件背景渲染 | |
US8370750B2 (en) | Technology for generating service program | |
US8560946B2 (en) | Timeline visualizations linked with other visualizations of data in a thin client | |
US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
US9535887B2 (en) | Creation of a content display area on a web page | |
US8711148B2 (en) | Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
US20120297324A1 (en) | Navigation Control Availability | |
US20100161713A1 (en) | Method and system for personalizing a desktop widget | |
US20110167336A1 (en) | Gesture-based web site design | |
CN103034708A (zh) | 浏览器电子表格整合 | |
US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
CN112800370A (zh) | 业务单据的处理方法、装置、计算机设备和存储介质 | |
US8812957B2 (en) | Relevance slider in a site analysis report | |
US20130124974A1 (en) | System for Assembling Webpage's Region of Other Website into a Webpage of a Website and Method for the Same | |
CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
US20120072828A1 (en) | Complex input to image transformation for distribution | |
US20050198568A1 (en) | Table display switching method, text data conversion program, and tag program | |
CN108984070A (zh) | 用于热力图成像的方法、装置、电子设备及可读介质 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN114491354A (zh) | 一种页面生成方法、装置及计算机可读存储介质 | |
US7478340B2 (en) | Systems and methods for managing preparation of graphical elements for presentation | |
CN114371838A (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 |