CN104166656A - 流量统计的网页化展示方法及装置 - Google Patents
流量统计的网页化展示方法及装置 Download PDFInfo
- Publication number
- CN104166656A CN104166656A CN201310184907.3A CN201310184907A CN104166656A CN 104166656 A CN104166656 A CN 104166656A CN 201310184907 A CN201310184907 A CN 201310184907A CN 104166656 A CN104166656 A CN 104166656A
- Authority
- CN
- China
- Prior art keywords
- user
- statistics information
- operation statistics
- label
- linking element
- 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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供了一种流量统计的网页化展示方法及装置,其中所述方法包括:获取指定页面中链接元素的链接标签;获取与所述链接元素对应的用户操作统计信息;将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。本申请可以将超链接对应的用户操作统计信息通用和精确地展现在对应的页面中的链接元素上。
Description
技术领域
本申请涉及网页处理的技术领域,特别是涉及一种流量统计的网页化展示方法,以及,一种流量统计的网页化展示装置。
背景技术
随着互联网的发展,经营网站的网站主越来越多,对于经营电商网站的网站主来说,网站首页、推广页面或者活动页面所放的商品链接内容和资源位的位置对整个网站站点的销售和转化起着决定性作用。
为了能够更直观地展现商品链接或资源位链接的效果,帮助网站主改善页面构成或替换资源位,流量统计和分析工具成了网站主们的必备工具。
通常的流量统计和分析工具是以点击热力图,或给页面覆盖一个蒙层并在链接相应位置覆盖一个小浮层的方式,来显示链接的统计指标或效果指标。然而,在链接上以热图和浮层的形式展现效果指标的方法,并不能满足如今千变万化的页面设计(如标签或轮播等形式),从而使得这些流量统计和分析工具不能很理想地给网站主们展现商品链接或资源位的效果,理由如下:
(1)热力图中获得的页面点击坐标是用户查看页面时在可见区域上点击产生的,对于不同的屏幕分辨率用户点击位置是不同的,另外对于轮播或隐藏的链接,用户在不同时刻点击位置一致但点击的链接不同,这就导致热力图不适合用来观察页面中某个精确位置的链接的相关指标。
(2)参考图1所示的以浮层的形式来显示的轮播链接的用户操作统计信息示意图,图中的具有一个轮播的广告位01,每个轮播的广告位01具有的指标提示区域02中的“7”、“6”、“2”、“7”、“6”等是以浮层的形式来显示的轮播链接的点击量或其他指标数据,剩下的还没显示出来的轮播广告位链接是隐藏在右侧的,因此浮层就把这些隐藏链接的指标显示了出来。具体而言,链接浮层的方法由于采用了在页面链接元素上覆盖一个浮层的形式,脱离了链接元素本身,对于轮播和隐藏的链接元素,其位置与页面中其他元素可能是重叠的,这将导致看到的浮层对不上正确的链接,或在浏览器窗口变化时,浮层位置与链接元素分离。
因此,本领域技术人员迫切需要解决的问题是:提供一种流量统计的网页化展示机制,适用于轮播、标签或隐藏链接元素,用以将超链接对应的用户操作统计信息通用和精确地展现在对应的页面中的链接元素上。
发明内容
本申请所要解决的技术问题是提供一种流量统计的网页化展示的方法,用以将超链接对应的用户操作统计信息通用和精确地展现在对应的页面中的链接元素。
相应的,本申请还提供了一种流量统计的网页化展示装置,用以保证上述方法在实际中的应用。
为了解决上述问题,本申请公开了一种流量统计的网页化展示方法,包括:
获取指定页面中链接元素的链接标签;
获取与所述链接元素对应的用户操作统计信息;
将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
优选地,采用文档对象模型将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中。
优选地,所述链接标签包括锚标签,所述将用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息的步骤包括:
获取所述锚标签的长度和宽度;
依据所述锚标签的长度和宽度确定对应的展现模型;
采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
在所述链接元素中展现所述用户操作统计信息。
优选地,所述链接元素包括链接元素的显示属性,所述展现模型由所述锚标签的长度和宽度,以及所述链接元素的显示属性确定。
优选地,所述采用展现模型将所述用户操作统计信息添加到所述锚标签中的步骤进一步为:
采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
优选地,所述链接标签包括热区标签,所述将用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息的步骤包括:
获取所述热区标签的长度和宽度;
依据所述热区标签的长度和宽度确定对应的展现模型;
获取所述热区标签相对于浏览器预设位置的坐标信息;
采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
在所述坐标信息处展现所述用户操作统计信息。
本申请还提供了一种流量统计的网页化展示装置,包括:
链接元素获取模块,用于获取指定页面中链接元素的链接标签;
用户操作统计信息获取模块,用于获取与所述链接元素对应的用户操作统计信息;
用户操作统计信息添加模块,用于将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
优选地,采用文档对象模型将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中。
优选地,所述链接标签包括锚标签,所述用户操作统计信息添加模块包括:
锚标签信息获取子模块,用于获取所述锚标签的长度和宽度;
第一展现模型确定子模块,用于依据所述锚标签的长度和宽度确定对应的展现模型;
第一添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
第一展现子模块,用于在所述链接元素中展现所述用户操作统计信息。
优选地,所述链接元素包括链接元素的显示属性,所述展现模型由所述锚标签的长度和宽度,以及所述链接元素的显示属性确定。
优选地,所述第一添加子模块进一步包括:
添加单元,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
优选地,所述链接标签包括热区标签,所述用户操作统计信息添加模块包括:
热区标签信息获取子模块,用于获取所述热区标签的长度和宽度;
第二展现模型确定子模块,用于依据所述热区标签的长度和宽度确定对应的展现模型;
坐标信息获取子模块,用于获取所述热区标签相对于浏览器预设位置的坐标信息;
第二添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
第二展现子模块,用于在所述坐标信息处展现所述用户操作统计信息。
与现有技术相比,本申请具有以下优点:
第一,本申请全面考虑了展示页面上链接元素的展现方式(链接元素通常以<a>标签或<area>标签进行展现),使用DOM技术将链接元素的用户操作统计信息以子元素的形式添加到对应链接标签中,使得用于展现的用户操作统计信息与页面中链接元素紧密地关联起来,可以在存在轮播、标签或隐藏链接的展示页面中,或浏览器窗口变化时让需要展现的用户操作统计信息随着链接元素位置改变而改变,并相对固定地位于链接元素的预设位置(如左上角位置),从而将用户操作统计信息通用和精确地定位在页面中对应的链接元素上,让流量统计和分析工具中的用户操作统计信息真正直观准确地服务于网站主们。
第二,为了让用于展现用户操作统计信息的DOM结构不因插入链接标签元素内而被链接元素本身的样式所影响,本申请实施例为所述DOM结构设置了其自身的样式“position:absolute;display:inline-block;”,从而确保最佳的展现效果。
第三,为了让用户在查看用户操作统计信息时更清晰明确,本申请实施例将用于展现用户操作统计信息的DOM结构作为具有<a>标签链接元素的第一个子元素或作为具有<area>标签链接元素所在的主体<body>标签的子元素,确保所述用户操作统计信息显示在对应的链接元素左上角。同时,本申请可以根据获取的链接元素的长度、宽度和显示属性,来选择适配的DOM展现形式,达到更好的用户体验。
附图说明
图1是本申请背景技术中的以浮层的形式来显示的轮播链接的用户操作统计信息示意图;
图2是本申请一种流量统计的网页化展示方法实施例一的步骤流程图;
图3是本申请一种流量统计的网页化展示方法实施例一中的用户操作统计信息精确定位示意图;
图4是本申请一种流量统计的网页化展示方法实施例二的步骤流程图;
图5是本申请一种流量统计的网页化展示方法实施例三的步骤流程图;
图6是本申请一种流量统计的网页化展示装置实施例的结构框图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请作进一步详细的说明。
本申请实施例的核心构思之一在于,根据链接元素的长度、宽度和显示属性选择适合的用于展现用户操作统计信息的DOM结构,使用DOM技术将链接元素的用户操作统计信息以子元素的形式添加到对应链接标签或链接标签对应的主体标签中,可以在存在轮播、标签或隐藏链接的展示页面中,或浏览器窗口变化时让需要展现的用户操作统计信息随着链接元素位置改变而改变,并相对固定地位于链接元素的左上角位置,从而将用户操作统计信息通用和精确地定位在页面中对应的链接元素上。
参照图2,示出了一种流量统计的网页化展示方法实施例一的步骤流程图,具体可以包括以下步骤:
步骤101,获取指定页面中链接元素的链接标签;
具体而言,所述链接元素可以是在页面中用于链接到另一页面或跳转到当前页面内的其他部分的页面内容,比如HTML超链接。所述链接元素在页面中可以表现为一个字、一个词、一组词、或一个图像。可以通过点击所述链接元素来跳转到新的页面或者当前页面中的某个部分。在某些具体的实施方式中,当把鼠标指针移动到网页中的某个链接元素上时,鼠标指针会变为一只小手。所述链接元素可以由链接标签创建。通常可以使用<a>或<area>等链接标签在HTML中创建链接元素。
步骤102,获取与所述链接元素对应的用户操作统计信息;
作为本申请实施例的一种优选示例,所述操作统计信息可以包括通过统计的方法获得的页面被访问次数、页面被访问人数和/或链接元素上的点击次数等统计指标数据。
优选地,用户的操作统计信息包括用户对所述链接元素的操作统计信息。可以通过流量统计和分析工具采集用户在链接元素上对应的操作数据。
作为本申请实施例的另一种优选示例,所述操作统计信息还可以包括效果指标数据。所述效果指标数据可以包括用户在链接元素指向的页面上的行为数据,比如链接元素指向的页面为某一商品的展示页,所述行为数据则包括通过该链接元素访问商品的展示页并购买该商品的人数(即成交人数)、该商品的成交转化率(即成交人数除以浏览人数)等指标数据。
需要说明的是,本申请实施例的用户操作统计信息不局限于效果指标数据和/或统计指标数据,也可以是任意的其他对象(如图片等),本申请实施例对此无需加以限制。
在获得用户操作统计信息后,生成所述用户操作统计信息与对应的链接元素的映射关系并存储在数据库中,因此可以通过数据库查询等方式获取链接元素上的用户操作统计信息。
步骤103,将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
应用于本申请实施例,可以通过DOM(Document Object Model,文档对象模型)技术将所述用户操作统计信息添加到链接标签或链接标签所在的主体标签中。
其中,DOM是W3C组织推荐的处理可扩展置标语言的标准编程接口,可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。使用DOM技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等。简而言之,DOM技术使得页面的交互性大大地增强。
在本申请实施例中,全面考虑了展示页面上链接元素的展现方式,使用DOM技术将链接元素的用户操作统计信息添加到对应链接标签中或链接标签所在的主体标签中,使得用于展现的用户操作统计信息与页面中链接元素紧密地关联起来,可以在存在轮播、标签或隐藏链接的页面中,或浏览器窗口变化时让需要展现的用户操作统计信息随着链接元素位置改变而改变,并相对固定地位于链接元素的预设位置(如左上角位置),从而将用户操作统计信息通用和精确地定位在页面中对应的链接元素上,让流量统计和分析工具中的效果指标真正直观准确地服务于网站主们。例如参照图3所示的用户操作统计信息精确定位示意图,在某一个页面中具有多个轮播的广告位31。每一轮播的广告位31具有指标提示区域311,指标提示区域311用于展现广告位31的效果指标,如图3所示,指标提示区域311中的用于展现广告位31的效果指标分别为“7次”、“6次”、“2次”、“7次”、“6次”等。轮播的广告位31上的链接对应的用户操作统计信息展示于提示区域311内。
参照图4,示出了一种流量统计的网页化展示方法实施例二的步骤流程图,具体可以包括以下步骤:
步骤201,获取指定页面中链接元素的链接标签,所述链接标签包括锚标签;
具体而言,锚标签<a>(<a>标签)可定义锚(anchor)。锚有两种用法:一是通过使用href属性,创建指向另外一个文档的链接(或超链接);二是通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。在具体实现中,一个<a>标签对应一个链接元素,一个展示页面中可以存在一个或多个<a>标签。
步骤202,获取与所述链接元素对应的用户操作统计信息;
在实际中,可以使用流量统计和分析工具采集链接元素对应的用户操作统计信息。所述用户操作统计信息与对应的链接元素以键值对的形式存储在数据库中(用户操作统计信息作为value,链接元素或链接元素所带的特殊参数作为key)。遍历所有的带<a>标签的链接元素,通过查询数据库等方式可以获取每个链接元素(或每个<a>标签)对应的用户操作统计信息。
步骤203,获取所述锚标签的长度和宽度;
步骤204,依据所述锚标签的长度和宽度确定对应的展现模型;
在具体实现中,所述展现模型为DOM模型,由于DOM是以对象为管理对象,并且可以动态地显示或隐藏一个元素,改变元素的属性,增加一个元素等,因此本申请实施例采用DOM结构将用于展现的与链接元素对应的用户操作统计信息包装起来,可以依据所述<a>标签的长度和宽度选择一个与所述链接元素适配的用于展现用户操作统计信息的DOM结构。
为了用户操作统计信息的展现更加美观,增强用户体验,在本申请实施例中,所述链接元素还可以包括链接元素的显示属性,进一步的可以依据锚标签的长度和宽度,以及所述链接元素的显示属性确定适配的文档对象模型(展现模型)。其中,所述显示属性可以包括inline属性和block属性。当显示属性为inline属性,即显示属性的属性值为inline时,所述链接元素以行内元素的形式显示,表示符合这个属性的元素可以并排在一行内显示。当显示属性为block属性,即显示属性的属性值为block时,所述链接元素以块级元素的形式显示,表示每一个元素都会占一行显示。不同的属性值决定了要插入的用户操作统计信息的显示属性,例如如果链接元素的显示属性为block属性,则将用于展现用户操作统计信息的DOM结构的样式display属性修改为block,从而确保最佳的展现效果。
步骤205,采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
进一步的,所述步骤205可以具体描述为:
采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
步骤206,在所述链接元素中展现所述用户操作统计信息。
在实际应用中,展现用户操作统计信息的DOM结构可以是任意的,为了适应链接元素出现轮播、隐藏链接等展现形式,且随浏览器窗口变化而变化,本申请实施例采用将展现用户操作统计信息用的DOM结构以子元素的形式插入链接元素内。
另外,为了让展现的DOM结构不因插入链接元素内而被链接元素本身的样式所影响,可以为所述DOM结构添加如下样式:“position:absolute;display:inline-block”,其中,position属性使得DOM结构能够展现在链接元素的预设位置中,display属性使得DOM结构可以控制长度和宽度。当然上述DOM结构添加的样式仅是本申请实施例的一种示例,本领域技术人员可针对实际情况添加其他样式以达到灵活的用户操作统计信息展现形式的目的,本申请实施例对此无需加以限制。
作为本实施例的一种优选示例,为了让用户在查看用户操作统计信息时更清晰明确,所述链接元素的预设位置可以为链接元素的左上角位置,从而将展现的DOM结构以第一个子节点的方式插入<a>标签中,确保用户操作统计信息显示在链接元素的左上角。
例如,假设用户操作统计信息为pv:1000,<a>标签在插入用于展现用户操作统计信息的DOM结构前为:<a href="http://www.abc.com">abc</a>,在插入DOM结构后可以为:<a href="http://www.abc.com"><p>pv:10000</p>abc</a>。这样,pv:1000就可以展现在链接元素的左上角的位置。
当然,上述链接元素的预设位置为链接元素的左上角位置仅是本申请实施例的一种示例,本领域技术人员可以根据实际需要设置第一预设位置为其他位置均是可以的,本申请实施例对此无需加以限制。
参照图5,示出了一种流量统计的网页化展示方法实施例三的步骤流程图,具体可以包括以下步骤:
步骤301,获取指定页面中链接元素的链接标签,所述链接标签包括热区标签;
具体而言,热区标签即<area>标签。<area>标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。<area>标签通常嵌套在<map>标签中,而且可以配合<img>标签使用。
例如,一个<area>标签示例如下:
<img src="http://www.abc.com/images/html_table.png"usemap="#Map"/>
<map name="Map"id="Map">
<area shape="rect"coords="35,29,135,99"href="#"/>
<area shape="circle"coords="243,78,44"href="#"/>
<area shape="poly"coords="120,137,195,154,135,207"href="#"/>
</map>
步骤302,获取与所述链接元素对应的用户操作统计信息;
在实际中,可以采用流量统计和分析工具采集链接元素对应的用户操作统计信息,所述用户操作统计信息与对应的链接以键值对的形式存储在数据库中(用户操作统计信息作为value,链接元素或链接元素所带的特殊参数作为key)。遍历所有的带<area>标签的链接元素,通过查询数据库等方式可以获取每个链接元素对应的用户操作统计信息。
步骤303,获取所述热区标签的长度和宽度;
步骤304,依据所述热区标签的长度和宽度确定对应的展现模型;
在具体实现中,所述展现模型可以为DOM模型,由于DOM是以对象为管理对象,并且可以动态地显示或隐藏一个元素,改变元素的属性,增加一个元素等,因此本申请实施例采用DOM结构将用于展现的与链接元素对应的用户操作统计信息包装起来,可以依据所述<area>标签的长度和宽度选择一个与之适配的用于展现用户操作统计信息的DOM结构。
在实际应用中,为了让展现的DOM结构不因插入链接元素内而被链接元素本身的样式所影响,可以为所述DOM结构添加样式:“position:absolute;display:inline-block”,position属性使得DOM结构能够展现在链接元素的第一预设位置中,display属性使得DOM结构可以控制长度和宽度。
为了用户操作统计信息的展现更加美观,增强用户体验,在本申请实施例中,所述链接元素还可以包括链接元素的显示属性,进一步的可以依据锚标签的长度和宽度,以及所述链接元素的显示属性确定适配的展现模型。其中,所述显示属性可以包括inline属性和block属性,当显示属性为inline属性,即显示属性的属性值为inline时是行内元素的形式,表示符合这个属性的元素可以并排在一行内显示。当显示属性为block属性,即显示属性的属性值为block时是块级元素的形式,表示每一个元素都会占一行显示。不同的属性值决定了要插入的用户操作统计信息的展现属性,例如如果链接元素的显示属性为block属性,则将用于展现用户操作统计信息的DOM结构的样式display属性修改为block,从而确保最佳的展现效果。
步骤305,获取所述热区标签相对于浏览器预设位置的坐标信息;
具体而言,<area>标签通常配合<img>标签使用。<img>标签可以向网页中嵌入一幅图像。一般而言,将用户操作统计信息显示在链接元素的左上角比较符合用户的视觉习惯,因此所述浏览器预设位置可以为浏览器的左上角。可以通过DOM方法获取被作为热区的<img>标签相对于浏览器左上角的坐标信息。
为了更精确地获取用户操作统计信息的显示位置,可以通过读取<area>标签的coords属性(<area>标签的coords属性定义了客户端图像映射中对鼠标敏感的区域的坐标)来修正上述通过<img>标签获取得到的坐标信息,得到新的坐标信息。例如,假设通过<img>标签获得坐标信息为pos_x、pos_y,其分别表示横坐标和纵坐标。而获得每个<area>标签coords值的前两位,例如,coords="35,29,135,99",则取x=35,y=29。修正后的坐标信息为:pos_x_fix=pos_x+x,pos_y_fix=pos_y+y。
步骤306,采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
在具体实现中,由于DOM实际上是以面向对象方式描述的文档模型,但并不是所有的链接标签都适合插入对象或者支持子元素的,例如<area>标签就不适合插入对象,因此对于<area>标签,可以将对象直接作为其父节点<body>的子元素。具体而言,所述主体标签可以指定义网页文档主体部分的标签,例如<body>标签。可以将所述用于展现用户操作统计信息的DOM结构作为<body>标签的子元素附加到<body>标签的最后,并设置所述用于展现用户操作统计信息的DOM结构的坐标为所述新的坐标信息。
步骤307,在所述坐标信息处展现所述用户操作统计信息。
具体而言,在所述新的坐标信息的位置展现所述用户操作统计信息。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本申请所必须的。
参照图6,示出了一种流量统计的网页化展示装置实施例的结构框图,具体可以包括以下模块:
链接元素获取模块401,用于获取指定页面中链接元素链接标签;
用户操作统计信息获取模块402,用于获取与所述链接元素对应的用户操作统计信息;
用户操作统计信息添加模块403,用于将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
应用于本申请实施例,可以采用文档对象模型DOM将所述用户操作统计信息添加到所述链接标签中。
在本申请的一种优选实施例中,所述链接标签可以包括锚标签,所述用户操作统计信息添加模块可以包括如下子模块:
锚标签信息获取子模块,用于获取所述锚标签的长度和宽度;
第一展现模型确定子模块,用于依据所述锚标签的长度和宽度确定对应的展现模型;
作为本实施例的一种优选示例,所述链接元素还可以包括链接元素的显示属性,所述展现模型可以进一步由所述锚标签的长度和宽度,以及所述链接元素的显示属性确定。
第一添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
在本申请的一种优选实施例中,所述第一添加子模块进一步可以包括如下单元:
添加单元,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
第一展现子模块,用于在所述链接元素中展现所述用户操作统计信息。
在本申请的另一种优选实施例中,所述链接标签可以包括热区标签,所述用户操作统计信息添加模块可以包括如下子模块:
热区标签信息获取子模块,用于获取所述热区标签的长度和宽度;
第二展现模型确定子模块,用于依据所述链接元素的长度和宽度确定对应的展现模型;
坐标信息获取子模块,用于获取所述热区标签相对于浏览器预设位置的坐标信息;
第二添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
第二展现子模块,用于在所述坐标信息处展现所述用户操作统计信息。
由于所述图6的装置实施例基本相应于前述方法实施例,故本实施例的描述中未详尽之处,可以参见前述方法实施例中的相关说明,在此就不赘述了。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
最后,还需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个......”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本申请所提供的一种流量统计的网页化展示方法和装置进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (12)
1.一种流量统计的网页化展示方法,其特征在于,包括:
获取指定页面中链接元素的链接标签;
获取与所述链接元素对应的用户操作统计信息;
将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
2.根据权利要求1所述的方法,其特征在于,采用文档对象模型将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中。
3.根据权利要求1所述的方法,其特征在于,所述链接标签包括锚标签,所述将用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息的步骤包括:
获取所述锚标签的长度和宽度;
依据所述锚标签的长度和宽度确定对应的展现模型;
采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
在所述链接元素中展现所述用户操作统计信息。
4.根据权利要求3所述的方法,其特征在于,所述链接元素包括链接元素的显示属性,所述展现模型由所述锚标签的长度和宽度,以及所述链接元素的显示属性确定。
5.根据权利要求3或4所述的方法,其特征在于,所述采用展现模型将所述用户操作统计信息添加到所述锚标签中的步骤进一步为:
采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
6.根据权利要求2所述的方法,其特征在于,所述链接标签包括热区标签,所述将用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息的步骤包括:
获取所述热区标签的长度和宽度;
依据所述热区标签的长度和宽度确定对应的展现模型;
获取所述热区标签相对于浏览器预设位置的坐标信息;
采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
在所述坐标信息处展现所述用户操作统计信息。
7.一种流量统计的网页化展示装置,其特征在于,包括:
链接元素获取模块,用于获取指定页面中链接元素的链接标签;
用户操作统计信息获取模块,用于获取与所述链接元素对应的用户操作统计信息;
用户操作统计信息添加模块,用于将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中,以在所述链接元素中展现所述用户操作统计信息。
8.根据权利要求7所述的装置,其特征在于,采用文档对象模型将所述用户操作统计信息添加到所述链接标签或链接标签所在的主体标签中。
9.根据权利要求7所述的装置,其特征在于,所述链接标签包括锚标签,所述用户操作统计信息添加模块包括:
锚标签信息获取子模块,用于获取所述锚标签的长度和宽度;
第一展现模型确定子模块,用于依据所述锚标签的长度和宽度确定对应的展现模型;
第一添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签中;
第一展现子模块,用于在所述链接元素中展现所述用户操作统计信息。
10.根据权利要求9所述的装置,其特征在于,所述链接元素包括链接元素的显示属性,所述展现模型由所述锚标签的长度和宽度,以及所述链接元素的显示属性确定。
11.根据权利要求9或10所述的装置,其特征在于,所述第一添加子模块进一步包括:
添加单元,用于采用所述展现模型将所述用户操作统计信息添加到所述锚标签的第一个子元素位置中。
12.根据权利要求8所述的装置,其特征在于,所述链接标签包括热区标签,所述用户操作统计信息添加模块包括:
热区标签信息获取子模块,用于获取所述热区标签的长度和宽度;
第二展现模型确定子模块,用于依据所述热区标签的长度和宽度确定对应的展现模型;
坐标信息获取子模块,用于获取所述热区标签相对于浏览器预设位置的坐标信息;
第二添加子模块,用于采用所述展现模型将所述用户操作统计信息添加到所述热区标签所在的主体标签中;
第二展现子模块,用于在所述坐标信息处展现所述用户操作统计信息。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310184907.3A CN104166656B (zh) | 2013-05-17 | 2013-05-17 | 流量统计的网页化展示方法及装置 |
HK15103043.4A HK1202670A1 (zh) | 2013-05-17 | 2015-03-25 | 流量統計的網頁化展示方法及裝置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310184907.3A CN104166656B (zh) | 2013-05-17 | 2013-05-17 | 流量统计的网页化展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104166656A true CN104166656A (zh) | 2014-11-26 |
CN104166656B CN104166656B (zh) | 2019-02-01 |
Family
ID=51910475
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310184907.3A Active CN104166656B (zh) | 2013-05-17 | 2013-05-17 | 流量统计的网页化展示方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN104166656B (zh) |
HK (1) | HK1202670A1 (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106407193A (zh) * | 2015-07-27 | 2017-02-15 | 腾讯科技(深圳)有限公司 | 一种信息处理方法及装置 |
CN106708526A (zh) * | 2016-12-28 | 2017-05-24 | 金蝶软件(中国)有限公司 | 一种轮播图设置方法及系统 |
CN107451167A (zh) * | 2016-05-30 | 2017-12-08 | 北京京东尚科信息技术有限公司 | 站内点击位的点击数据获取方法和系统 |
CN107644034A (zh) * | 2016-07-22 | 2018-01-30 | 北京京东尚科信息技术有限公司 | 基于dom树结构的动态展示点击图的方法、装置及系统 |
CN107688476A (zh) * | 2016-08-04 | 2018-02-13 | 北京京东尚科信息技术有限公司 | 网页信息的展示方法和装置 |
CN107798410A (zh) * | 2016-09-05 | 2018-03-13 | 阿里巴巴集团控股有限公司 | 一种品类规划方法、装置及电子设备 |
CN107861981A (zh) * | 2017-09-28 | 2018-03-30 | 北京奇艺世纪科技有限公司 | 一种数据处理方法及装置 |
CN108121802A (zh) * | 2017-12-22 | 2018-06-05 | 东软集团股份有限公司 | 网页访问的热力分析方法、装置及其设备 |
CN109165264A (zh) * | 2018-06-21 | 2019-01-08 | 深圳市彬讯科技有限公司 | 一种基于多样化热力图的网页分析方法及装置 |
CN109426540A (zh) * | 2017-08-29 | 2019-03-05 | 北京国双科技有限公司 | 元素的点击情况检测方法和装置、存储介质、处理器 |
CN113868565A (zh) * | 2021-09-23 | 2021-12-31 | 深圳市腾讯网域计算机网络有限公司 | 皮肤样式的文件编辑方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030204561A1 (en) * | 2002-04-30 | 2003-10-30 | International Business Machines Corporation | Method and apparatus for enabling an internet web server to keep an accurate count of page hits |
CN101236562A (zh) * | 2008-02-01 | 2008-08-06 | 刘峰 | 网页屏幕区域点击热点分析方法 |
CN102955794A (zh) * | 2011-08-23 | 2013-03-06 | 阿里巴巴集团控股有限公司 | 一种网页点击情况的显示方法及装置 |
CN102999500A (zh) * | 2011-09-09 | 2013-03-27 | 深圳市快播科技有限公司 | 一种点击量统计方法及系统 |
-
2013
- 2013-05-17 CN CN201310184907.3A patent/CN104166656B/zh active Active
-
2015
- 2015-03-25 HK HK15103043.4A patent/HK1202670A1/zh unknown
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030204561A1 (en) * | 2002-04-30 | 2003-10-30 | International Business Machines Corporation | Method and apparatus for enabling an internet web server to keep an accurate count of page hits |
CN101236562A (zh) * | 2008-02-01 | 2008-08-06 | 刘峰 | 网页屏幕区域点击热点分析方法 |
CN102955794A (zh) * | 2011-08-23 | 2013-03-06 | 阿里巴巴集团控股有限公司 | 一种网页点击情况的显示方法及装置 |
CN102999500A (zh) * | 2011-09-09 | 2013-03-27 | 深圳市快播科技有限公司 | 一种点击量统计方法及系统 |
Non-Patent Citations (1)
Title |
---|
匿名: "如何记录一个按钮的点击次数", 《CSDN论坛》 * |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106407193A (zh) * | 2015-07-27 | 2017-02-15 | 腾讯科技(深圳)有限公司 | 一种信息处理方法及装置 |
CN107451167A (zh) * | 2016-05-30 | 2017-12-08 | 北京京东尚科信息技术有限公司 | 站内点击位的点击数据获取方法和系统 |
CN107451167B (zh) * | 2016-05-30 | 2021-08-20 | 北京京东尚科信息技术有限公司 | 站内点击位的点击数据获取方法、装置和系统 |
CN107644034A (zh) * | 2016-07-22 | 2018-01-30 | 北京京东尚科信息技术有限公司 | 基于dom树结构的动态展示点击图的方法、装置及系统 |
CN107688476B (zh) * | 2016-08-04 | 2021-04-30 | 北京京东尚科信息技术有限公司 | 网页信息的展示方法和装置 |
CN107688476A (zh) * | 2016-08-04 | 2018-02-13 | 北京京东尚科信息技术有限公司 | 网页信息的展示方法和装置 |
CN107798410A (zh) * | 2016-09-05 | 2018-03-13 | 阿里巴巴集团控股有限公司 | 一种品类规划方法、装置及电子设备 |
CN107798410B (zh) * | 2016-09-05 | 2021-09-03 | 阿里巴巴集团控股有限公司 | 一种品类规划方法、装置及电子设备 |
CN106708526A (zh) * | 2016-12-28 | 2017-05-24 | 金蝶软件(中国)有限公司 | 一种轮播图设置方法及系统 |
CN109426540B (zh) * | 2017-08-29 | 2021-07-30 | 北京国双科技有限公司 | 元素的点击情况检测方法和装置、存储介质、处理器 |
CN109426540A (zh) * | 2017-08-29 | 2019-03-05 | 北京国双科技有限公司 | 元素的点击情况检测方法和装置、存储介质、处理器 |
CN107861981B (zh) * | 2017-09-28 | 2020-09-01 | 北京奇艺世纪科技有限公司 | 一种数据处理方法及装置 |
CN107861981A (zh) * | 2017-09-28 | 2018-03-30 | 北京奇艺世纪科技有限公司 | 一种数据处理方法及装置 |
CN108121802A (zh) * | 2017-12-22 | 2018-06-05 | 东软集团股份有限公司 | 网页访问的热力分析方法、装置及其设备 |
CN109165264A (zh) * | 2018-06-21 | 2019-01-08 | 深圳市彬讯科技有限公司 | 一种基于多样化热力图的网页分析方法及装置 |
CN109165264B (zh) * | 2018-06-21 | 2022-07-12 | 土巴兔集团股份有限公司 | 一种基于多样化热力图的网页分析方法及装置 |
CN113868565A (zh) * | 2021-09-23 | 2021-12-31 | 深圳市腾讯网域计算机网络有限公司 | 皮肤样式的文件编辑方法及装置 |
CN113868565B (zh) * | 2021-09-23 | 2024-05-24 | 深圳市腾讯网域计算机网络有限公司 | 皮肤样式的文件编辑方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN104166656B (zh) | 2019-02-01 |
HK1202670A1 (zh) | 2015-10-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104166656A (zh) | 流量统计的网页化展示方法及装置 | |
US7917846B2 (en) | Web clip using anchoring | |
JP6495303B2 (ja) | ウェブページのためのコンテンツ項目サイズの自動的な決定 | |
CN101288067B (zh) | 从电子文档组装、提取和配置内容的方法和装置 | |
US8577911B1 (en) | Presenting search term refinements | |
KR101627169B1 (ko) | 증강현실 컨텐츠 저작 및 제공 시스템 | |
US7770122B1 (en) | Codeless dynamic websites including general facilities | |
US20040006743A1 (en) | Method and apparatus for re-editing and redistributing web documents | |
US20130326333A1 (en) | Mobile Content Management System | |
WO2016101754A1 (zh) | web页面的切换方法和装置及综合页面提供装置 | |
CN104679906A (zh) | 利用图片生成链接的方法及系统 | |
JP2012506576A (ja) | サーチ結果の提供 | |
WO2002103556A1 (es) | Interfaz dinamico de navegacion | |
CN102411614A (zh) | 图像搜索结果的显示 | |
CN102306174A (zh) | 一种基于网页元素与用户进行互动的方法与设备 | |
US11164221B2 (en) | Native online ad creation | |
US9460059B2 (en) | Method and apparatus for visualizing the underlying structure of a document using an interactive viewport overlay | |
AU2011214471A1 (en) | Method and system for organizing information with a sharable user interface | |
CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
CN103593414A (zh) | 一种浏览器中网页的展现方法和装置 | |
EP2599012A1 (en) | Selecting content within a web page | |
CN106033387B (zh) | 测试flash内部控件的方法和装置 | |
Kuan | Learning highcharts 4 | |
US20140368511A1 (en) | Interactive visualization for highlighting change in top and relative ranking | |
CN106372070A (zh) | 一种图形界面中数据的展示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1202670 Country of ref document: HK |
|
GR01 | Patent grant | ||
GR01 | Patent grant |