CN103365542B - 用户点击行为展示方法及系统 - Google Patents
用户点击行为展示方法及系统 Download PDFInfo
- Publication number
- CN103365542B CN103365542B CN201310271963.0A CN201310271963A CN103365542B CN 103365542 B CN103365542 B CN 103365542B CN 201310271963 A CN201310271963 A CN 201310271963A CN 103365542 B CN103365542 B CN 103365542B
- Authority
- CN
- China
- Prior art keywords
- user
- clicks
- xpath
- browser
- page
- 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.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种用户点击行为展示方法及系统,包括运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。本发明无需在页面载入后事先准备好所有元素的用户点击行为数据,用户一键点击即可实现页面任何元素的用户点击行为的查询,对原有页面没有侵入性。
Description
技术领域
本发明涉及一种用户点击行为展示方法及系统。
背景技术
目前,现有的用户点击展示都局限于单个网页的展示,各个页面间的展示数据无法交互,而且,需要在页面载入后,事先准备好每个元素的用户点击行为数据。
发明内容
本发明的目的在于提供一种用户点击行为展示方法及系统,无需在页面载入后事先准备好所有元素的用户点击行为数据,用户一键点击即可实现页面任何元素的用户点击行为的查询。
为解决上述问题,本发明提供一种用户点击行为展示方法,包括:
运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;
根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;
根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;
在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。
进一步的,在上述方法中,根据所述第一元素的位置并调用浏览器的API,获取元素的xPath的步骤之前还包括,对所述第一元素进行添加样式以进行高亮显示。
进一步的,在上述方法中,根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath的步骤中,根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。
进一步的,在上述方法中,根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据的步骤包括:
将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据;
获取数据库服务器返回的第一元素的用户点击行为数据。
进一步的,在上述方法中,根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据的步骤包括:
将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据;
获取数据库服务器返回的第一元素的用户点击行为数据。
根据本发明的另一面,提供一种用户点击行为展示插件,包括:
定位模块,用于运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;
路径模块,用于根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;
数据模块,用于根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;
展示模块,用于在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。
进一步的,在上述插件中,还包括一高亮模块,用于对所述第一元素进行添加样式以进行高亮显示。
进一步的,在上述插件中,所述路径模块,用于根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。
进一步的,在上述插件中,所述数据模块用于将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据,并获取数据库服务器返回的第一元素的用户点击行为数据。
进一步的,在上述插件中,所述浏览器为Firefox浏览器。
与现有技术相比,本发明通过运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素,无需在页面载入后事先准备好所有元素的用户点击行为数据,用户一键点击即可实现页面任何元素的用户点击行为的查询,对原有页面没有侵入性。
附图说明
图1是本发明一实施例的用户点击行为展示方法的流程图;
图2是本发明一实施例的对第一元素进行高亮显示的界面示意图;
图3是本发明一实施例的定位数据展现层到第一元素的界面示意图;
图4是本发明一实施例的用户点击行为数据的展示界面示意图;
图5是本发明一实施例的用户点击行为展示插件的模块示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
实施例一
如图1所示,本发明提供一种用户点击行为展示方法,包括步骤S1~步骤S5:
步骤S1,运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置。具体的,可在页面打开时注册点击事件(onclick)以运行本实施例的用户点击行为展示方法,在点击事件触发时,获取用户点击的第一元素。
可选的,所述浏览器为Firefox浏览器或其它浏览器。基于Firefox浏览器扩展,可以在控制在浏览器级,解决不同页面间的权限控制。
步骤S2,对所述第一元素进行添加样式以进行高亮显示,以醒目的提示用户当前关注的第一元素。具体的,可定位第一元素,并对第一元素进行如图2所示的高亮显示,另外,如图3所示,可获取第一元素在页面的坐标,定位数据展现层到该第一元素的位置,使其可以区别出每个数据层与它关联的元素,为关闭按钮注册点击事件,当触发该事件时,可以关闭该数据展现层。
步骤S3,根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;
优选的,步骤S3中,根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。具体的,根据当前第一元素依次向上查找父元素,直到最顶层父元素为HTML,根据所有元素的标签组成第一元素的xpath.如:HTML/BODY/UI/LI/SPAN。
步骤S4,根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;
优选的,步骤S4可包括:
将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据,即根据当前页面ID及第一元素的xpath,向数据库服务器发起数据请求;
获取数据库服务器返回的第一元素的用户点击行为数据。
步骤S5,在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素,这样用户就可以看到该如图4所示的第一元素的点击情况。具体的,用户点击行为数据回传后,组装数据与展现形式,可计算当前第一元素点击次数、当前元素点击次数与总次数比率。
综上,本实施例运用浏览器扩展性进行用户点击数据的展示,不需要在页面载入后,事先准备好每个元素的点击数据。只有当查询某个第一元素的用户点击行为数据时,用户将鼠标移动到页面相关元素后,就会标注出当前的第一元素的焦点,醒目的提示用户当前关注的第一元素。当用户的鼠标进行点击后,会截获用户最后点击的第一元素,并获取第一元素的信息向服务器请求相应的用户点击行为数据,返回后将创建一个第二元素把用户点击行为数据进行相应的显示。最终一键点击即可实现页面任何元素的数据查询,可更直观展示用户点击行为数据,且对原有页面没有侵入性
实施例二
如图5所示,本发明还提供另一种用户点击行为展示插件,包括定位模块1、路径模块2、数据模块3和展示模块4。
定位模块1,用于运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;可选的,所述浏览器为Firefox浏览器或其它形式的浏览器。
路径模块2,用于根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;优选的,所述路径模块2,用于根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。
数据模块3,用于根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;优选的,所述数据模块用于将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据,并获取数据库服务器返回的第一元素的用户点击行为数据。
展示模块4,用于在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。
优选的,本实施例的插件还包括一高亮模块5,用于对所述第一元素进行添加样式以进行高亮显示。
本实施例的浏览器插件可以xpi的文件包的形式存在的,在发布插件的时候,需要打包成xpi的压缩包,xpi扩展包是采用zip压缩方式压缩而成。插件安装时,可将xpi扩展包拖入到浏览器,浏览器可行安装。实施例二的其它详细内容具体可参见实施例一,在此不再赘述。
本发明通过运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素,无需在页面载入后事先准备好所有元素的用户点击行为数据,用户一键点击即可实现页面任何元素的用户点击行为的查询,对原有页面没有侵入性。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言,由于与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
显然,本领域的技术人员可以对发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包括这些改动和变型在内。
Claims (10)
1.一种用户点击行为展示方法,其特征在于,包括:
运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;
根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;
根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;
在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。
2.如权利要求1所述的用户点击行为展示方法,其特征在于,根据所述第一元素的位置并调用浏览器的API,获取元素的xPath的步骤之前还包括,对所述第一元素进行添加样式以进行高亮显示。
3.如权利要求1所述的用户点击行为展示方法,其特征在于,根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath的步骤中,根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。
4.如权利要求1所述的用户点击行为展示方法,其特征在于,根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据的步骤包括:
将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据;
获取数据库服务器返回的第一元素的用户点击行为数据。
5.如权利要求1所述的用户点击行为展示方法,其特征在于,所述浏览器为Firefox浏览器。
6.一种用户点击行为展示系统,其特征在于,包括:
定位模块,用于运用javascript获取用户在浏览器中通过鼠标焦点定位的第一元素的位置;
路径模块,用于根据所述第一元素的位置并调用浏览器的API获取第一元素的xPath;
数据模块,用于根据第一元素的xPath和第一元素所在的页面的ID从一数据库服务器获取该第一元素的用户点击行为数据;
展示模块,用于在第一元素所在的页面的末尾添加一第二元素,根据第一元素的用户点击行为数据对所述第二元素进行数据渲染,把渲染后的第二元素定位到第一元素。
7.如权利要求6所述的用户点击行为展示系统,其特征在于,还包括一高亮模块,用于在根据所述第一元素的位置并调用浏览器的API,获取元素的xPath之前,对所述第一元素进行添加样式以进行高亮显示。
8.如权利要求6所述的用户点击行为展示系统,其特征在于,所述路径模块,用于根据所述第一元素依次向上查找其父元素,直到最顶层父元素为HTML,根据所有元素的标签组成所述第一元素的xPath。
9.如权利要求6所述的用户点击行为展示系统,其特征在于,所述数据模块用于将第一元素的xPath和第一元素所在的页面的ID用异步的方式发送至数据库服务器以请求第一元素的用户点击行为数据,并获取数据库服务器返回的第一元素的用户点击行为数据。
10.如权利要求6所述的用户点击行为展示系统,其特征在于,所述浏览器为Firefox浏览器。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310271963.0A CN103365542B (zh) | 2013-07-01 | 2013-07-01 | 用户点击行为展示方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310271963.0A CN103365542B (zh) | 2013-07-01 | 2013-07-01 | 用户点击行为展示方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103365542A CN103365542A (zh) | 2013-10-23 |
CN103365542B true CN103365542B (zh) | 2016-08-31 |
Family
ID=49367026
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310271963.0A Active CN103365542B (zh) | 2013-07-01 | 2013-07-01 | 用户点击行为展示方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103365542B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107025237A (zh) * | 2016-02-01 | 2017-08-08 | 北京铂金智慧网络科技有限公司 | 一种页面点击分布图的生成方法及系统 |
CN107515865B (zh) * | 2016-06-15 | 2022-08-09 | 北京京东尚科信息技术有限公司 | 页面数据点击量统计方法及装置 |
CN106250107A (zh) * | 2016-07-18 | 2016-12-21 | 福建天泉教育科技有限公司 | 一种数据统计方法及系统 |
CN106371842B (zh) * | 2016-08-31 | 2018-10-23 | 北京字节跳动科技有限公司 | 一种网页转化跟踪方法和系统 |
CN109426540B (zh) * | 2017-08-29 | 2021-07-30 | 北京国双科技有限公司 | 元素的点击情况检测方法和装置、存储介质、处理器 |
CN117520690B (zh) * | 2024-01-05 | 2024-04-09 | 易方信息科技股份有限公司 | 基于css样式预渲染对比的ui自动化方法及相关装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1808439A (zh) * | 2006-02-21 | 2006-07-26 | 西安迪戈科技有限责任公司 | 网页加入可搜索的深标签及浏览器插件和脚本结合的方法 |
CN101194247A (zh) * | 2001-04-20 | 2008-06-04 | 甲骨文国际公司 | 服务器控制的客户端性能测量技术 |
CN101446979A (zh) * | 2008-12-26 | 2009-06-03 | 北京科尔威视网络科技有限公司 | 动态热点跟踪的方法 |
CN102955794A (zh) * | 2011-08-23 | 2013-03-06 | 阿里巴巴集团控股有限公司 | 一种网页点击情况的显示方法及装置 |
CN103020087A (zh) * | 2011-09-26 | 2013-04-03 | 百度在线网络技术(北京)有限公司 | 点击日志的生成方法及装置,搜索结果调整方法及装置 |
CN103136238A (zh) * | 2011-11-28 | 2013-06-05 | 百度在线网络技术(北京)有限公司 | 将web页转换为wap页时对页面交互元素的处理方法和服务器 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7370381B2 (en) * | 2004-11-22 | 2008-05-13 | Truveo, Inc. | Method and apparatus for a ranking engine |
US20080201118A1 (en) * | 2007-02-16 | 2008-08-21 | Fan Luo | Modeling a web page on top of HTML elements level by encapsulating the details of HTML elements in a component, building a web page, a website and website syndication on browser-based user interface |
-
2013
- 2013-07-01 CN CN201310271963.0A patent/CN103365542B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101194247A (zh) * | 2001-04-20 | 2008-06-04 | 甲骨文国际公司 | 服务器控制的客户端性能测量技术 |
CN1808439A (zh) * | 2006-02-21 | 2006-07-26 | 西安迪戈科技有限责任公司 | 网页加入可搜索的深标签及浏览器插件和脚本结合的方法 |
CN101446979A (zh) * | 2008-12-26 | 2009-06-03 | 北京科尔威视网络科技有限公司 | 动态热点跟踪的方法 |
CN102955794A (zh) * | 2011-08-23 | 2013-03-06 | 阿里巴巴集团控股有限公司 | 一种网页点击情况的显示方法及装置 |
CN103020087A (zh) * | 2011-09-26 | 2013-04-03 | 百度在线网络技术(北京)有限公司 | 点击日志的生成方法及装置,搜索结果调整方法及装置 |
CN103136238A (zh) * | 2011-11-28 | 2013-06-05 | 百度在线网络技术(北京)有限公司 | 将web页转换为wap页时对页面交互元素的处理方法和服务器 |
Also Published As
Publication number | Publication date |
---|---|
CN103365542A (zh) | 2013-10-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103365542B (zh) | 用户点击行为展示方法及系统 | |
CN101578592B (zh) | 持久的保存门户 | |
US9547717B2 (en) | Administration of search results | |
CN104685502A (zh) | 用于将在线内容关联到第二索引的内容的系统和方法 | |
CN102831148B (zh) | 一种基于浏览器的推荐数据加载方法和装置 | |
US20140089080A1 (en) | Advertisement choosing device and advertisement choosing method | |
CN106097072B (zh) | 一种商品信息的对比方法、装置与终端设备 | |
JP2007272872A (ja) | 情報検索方法、情報検索装置、情報検索システム、及び情報検索プログラム | |
US9582590B2 (en) | Method and system for presenting a navigation path for enabling retrieval of content | |
JP2012043140A (ja) | Webページ閲覧システム及び中継サーバ | |
US20160294846A1 (en) | Method of and system for presenting trust information in respect of web resources using favicons | |
US9679081B2 (en) | Navigation control for network clients | |
CN105302461B (zh) | 一种用于在移动应用中提供目标页面的方法与设备 | |
US9465814B2 (en) | Annotating search results with images | |
CN105868290A (zh) | 一种展现搜索结果的方法及装置 | |
CN105222803A (zh) | 地图poi显示方法及终端 | |
CN103475676A (zh) | 一种用于提供页面主体信息的方法、装置、设备和系统 | |
CN103176993A (zh) | 一种内容呈现设备和方法 | |
CN110007842A (zh) | 网页内容选取方法及装置 | |
CN102799343A (zh) | 一种显示索引图标内容的方法和装置 | |
JP2011186876A (ja) | 閲覧装置、閲覧システム、閲覧方法および閲覧プログラム | |
CN101593187B (zh) | 用于管理书签的方法和系统 | |
JP5734332B2 (ja) | 広告情報提供装置 | |
CN102841724A (zh) | 一种显示索引图标内容的方法和装置 | |
JP5134639B2 (ja) | クライアント装置、表示方法、プログラム、情報処理装置、及び情報処理システム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C41 | Transfer of patent application or patent right or utility model | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20160302 Address after: 200335 Shanghai city Changning District Admiralty Road No. 968 Building No. 16 10 floor Applicant after: SHANGHAI XIECHENG BUSINESS CO., LTD. Address before: 200335 Shanghai Changning District Fuquan Road No. 99 Applicant before: Ctrip computer technology (Shanghai) Co., Ltd. |
|
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |