CN106649350A - 链接元素位置信息的获取方法及装置 - Google Patents

Abstract

本申请公开了一种链接元素位置信息的获取方法及装置。该方法包括：获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；获取链接元素在第一网页上所占据区域的位置信息；以及显示位置信息。通过本申请，解决了相关技术中无法获知网页上不同位置的链接元素被点击情况的问题。

Description

链接元素位置信息的获取方法及装置

技术领域

本申请涉及互联网领域，具体而言，涉及一种链接元素位置信息的获取方法及装置。

背景技术

目前，主流网页分析工具使用布置在网页上的采集程序(例如：JavaScript Tracker)在网页端收集访问者访问行为和系统信息数据，发送至数据仓库服务器。相关技术中，系统将JavaScript Tracker在网页端收集用户访问行为和系统信息数据绘制成热力图展现在客户端，用户可以根据热力图了解到用户在网页端进行鼠标点击的具体位置坐标和点击量等信息，然而，用户无法根据热力图直观的获知网页上不同位置的链接元素被点击情况，导致用户体验度较低。

针对相关技术中无法获知网页上不同位置的链接元素被点击情况的问题，目前尚未提出有效的解决方案。

发明内容

本申请的主要目的在于提供一种链接元素位置信息的获取方法及装置，以解决相关技术中无法获知网页上不同位置的链接元素被点击情况的问题。

为了实现上述目的，根据本申请的一个方面，提供了一种链接元素位置信息的获取方法。该方法包括：获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；获取链接元素在第一网页上所占据区域的位置信息；以及显示位置信息。

进一步地，获取第一网页上的链接元素包括：判断第一网页上的被点击元素是否是链接元素；如果被点击元素不是链接元素，获取被点击元素对应的链接元素；以及将被点击元素对应的链接元素作为第一网页上的链接元素。

进一步地，获取链接元素在第一网页上所占据区域的位置信息包括：确定当前浏览器类型；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；获取被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度；以及将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

进一步地，获取链接元素在第一网页上所占据区域的位置信息包括：确定当前浏览器类型；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标；以及将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

进一步地，显示位置信息包括：将被点击元素对应的链接元素在第一网页上所占据区域的位置信息存储至预设数据库中；根据预设数据库中存储的位置信息绘制链接元素位置区域图；以及显示链接元素位置区域图。

进一步地，显示位置信息包括：将被点击元素对应的链接元素在第一网页上所占据区域的位置信息存储至预设数据库中；根据预设数据库中存储的位置信息绘制位置信息热力图；以及显示位置信息热力图。

为了实现上述目的，根据本申请的另一方面，提供了一种链接元素位置信息的获取装置。该装置包括：第一获取单元，用于获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；第二获取单元，用于获取链接元素在第一网页上所占据区域的位置信息；以及显示单元，用于显示位置信息。

进一步地，第一获取单元包括：判断模块，用于判断第一网页上的被点击元素是否是链接元素；第一获取模块，用于在被点击元素不是链接元素的情况下，获取被点击元素对应的链接元素；以及第一确定模块，用于将被点击元素对应的链接元素作为第一网页上的链接元素。

进一步地，第二获取单元包括：第二确定模块，用于确定当前浏览器类型；第二获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；第三获取模块，用于获取被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度；以及第三确定模块，用于将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

进一步地，第二获取单元包括：第四确定模块，用于确定当前浏览器类型；第四获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；第五获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标；以及第五确定模块，用于将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

通过本申请，采用以下步骤：获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；获取链接元素在第一网页上所占据区域的位置信息；以及显示位置信息，解决了相关技术中无法获知网页上不同位置的链接元素被点击情况的问题，通过显示链接元素在第一网页上所占据区域的位置信息，用户可以直观的获知网页上不同位置的链接元素被点击情况，进而达到提升用户体验度的效果。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例的链接元素位置信息的获取方法的流程图；以及

图2是根据本申请实施例的链接元素位置信息的获取装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了便于描述，以下对本申请实施例涉及的几个术语进行说明：

JavaScript：一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。

Tracker：追踪器，为一小段JavaScript代码，在网页端收集访问者的访问行为和系统信息数据，发送至数据仓库服务器。

超文本标记语言(Hyper Text Markup Language，简称为HTML)。

根据本申请的实施例，提供了一种链接元素位置信息的获取方法。

图1是根据本申请实施例的链接元素位置信息的获取方法的流程图。如图1所示，该方法包括以下步骤：

步骤S101，获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签。

可选地，在本申请实施例的链接元素位置信息的获取方法中，获取第一网页上的链接元素包括：判断第一网页上的被点击元素是否是链接元素；如果被点击元素不是链接元素，获取被点击元素对应的链接元素；以及将被点击元素对应的链接元素作为第一网页上的链接元素。

需要说明的是，本申请中提及的被点击元素是指用户点击该元素后能够使当前网页产生响应的元素，例如可以是使当前网页跳转至另一网页的元素或使当前网页从目前的位置定位到其他位置的元素等，被点击元素可以以图片、文字或者链接等形式显现在网页中，用户对其点击，即网页产生响应。

具体地，获取被点击元素对应的链接元素包括：遍历被点击元素到HTML根元素的路径，搜索被点击元素对应的链接元素。

以上为一个HTML网页文件内容，如果段落2被点击，那么搜索路径为：p–a–div–body–html，实际搜索到a(链接元素)即会停止。

步骤S102，获取链接元素在第一网页上所占据区域的位置信息。

可选地，在本申请实施例的链接元素位置信息的获取方法中，获取链接元素在第一网页上所占据区域的位置信息包括：确定当前浏览器类型；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；获取被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度；以及将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

即根据浏览器的类型使用不同的方式获取该链接元素所占矩形区域的左上角的横轴坐标和被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度，从而获取到链接元素在第一网页上所占据区域的位置信息。

可选地，在本申请实施例的链接元素位置信息的获取方法中，获取链接元素在第一网页上所占据区域的位置信息包括：确定当前浏览器类型；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标；以及将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

即根据浏览器的类型使用不同的方式获取该链接元素所占矩形区域的右下角的横轴坐标和左上角的横轴坐标，从而获取到链接元素在第一网页上所占据区域的位置信息。

步骤S103，显示位置信息。

可选地，在本申请实施例的链接元素位置信息的获取方法中，显示位置信息包括：将被点击元素对应的链接元素在第一网页上所占据区域的位置信息存储至预设数据库中；根据预设数据库中存储的位置信息绘制链接元素位置区域图；以及显示链接元素位置区域图。

在用户点击了一个链接后，发送该链接元素所占区域的位置信息，包括该区域左上角的横轴坐标、宽度和高度或者该区域左上角的横轴坐标、右下角的横轴坐标。即根据该区域左上角的横轴坐标、宽度和高度绘制出该链接元素的位置区域图，或者根据该区域左上角的横轴坐标、右下角的横轴坐标绘制出该链接元素的位置区域图，并将该链接元素位置区域图显示在终端上，用户可以直观的获知网页上不同位置的链接元素被点击情况，进而达到提升用户体验度的效果。

可选地，在本申请实施例的链接元素位置信息的获取方法中，显示位置信息包括：将被点击元素对应的链接元素在第一网页上所占据区域的位置信息存储至预设数据库中；根据预设数据库中存储的位置信息绘制位置信息热力图；以及显示位置信息热力图。

在用户点击了一个链接后，发送该链接元素所占区域的位置信息，将该位置信息存入预设数据库中，预设数据库中存储了多个位置信息，根据多个位置信息出现在网页上的频率绘制位置信息热力图，并将位置信息热力图显示在终端上，用户可以直观的获知网页上不同位置的链接元素被点击的频率情况，进而达到提升用户体验度的效果。

本申请实施例提供的链接元素位置信息的获取方法，通过获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；获取链接元素在第一网页上所占据区域的位置信息；以及显示位置信息，解决了相关技术中无法获知网页上不同位置的链接元素被点击情况的问题，通过显示链接元素在第一网页上所占据区域的位置信息，用户可以直观的获知网页上不同位置的链接元素被点击情况，进而达到提升用户体验度的效果。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例还提供了一种链接元素位置信息的获取装置，需要说明的是，本申请实施例的链接元素位置信息的获取装置可以用于执行本申请实施例所提供的用于链接元素位置信息的获取方法。以下对本申请实施例提供的链接元素位置信息的获取装置进行介绍。

图2是根据本申请实施例的链接元素位置信息的获取装置的示意图。如图2所示，该装置包括：第一获取单元10、第二获取单元20和显示单元30。

第一获取单元10，用于获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；

第二获取单元20，用于获取链接元素在第一网页上所占据区域的位置信息；以及

显示单元30，用于显示位置信息。

本申请实施例提供的链接元素位置信息的获取装置，通过第一获取单元10获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；第二获取单元20获取链接元素在第一网页上所占据区域的位置信息；以及显示单元30显示位置信息，解决了相关技术中无法获知网页上不同位置的链接元素被点击情况的问题，通过显示链接元素在第一网页上所占据区域的位置信息，用户可以直观的获知网页上不同位置的链接元素被点击情况，进而达到提升用户体验度的效果。

可选地，在本申请实施例提供的链接元素位置信息的获取装置中，第一获取单元10包括：判断模块，用于判断第一网页上的被点击元素是否是链接元素；第一获取模块，用于在被点击元素不是链接元素的情况下，获取被点击元素对应的链接元素；以及第一确定模块，用于将被点击元素对应的链接元素作为第一网页上的链接元素。

可选地，在本申请实施例提供的链接元素位置信息的获取装置中，第二获取单元20包括：第二确定模块，用于确定当前浏览器类型；第二获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；第三获取模块，用于获取被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度；以及第三确定模块，用于将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的宽度和高度作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

可选地，在本申请实施例提供的链接元素位置信息的获取装置中，第二获取单元20包括：第四确定模块，用于确定当前浏览器类型；第四获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标；第五获取模块，用于根据当前浏览器类型对应的获取方式去获取被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标；以及第五确定模块，用于将被点击元素对应的链接元素在第一网页上所占据区域的左上角的横轴坐标、被点击元素对应的链接元素在第一网页上所占据区域的右下角的横轴坐标作为被点击元素对应的链接元素在第一网页上所占据区域的位置信息。

可选地，在本申请实施例提供的链接元素位置信息的获取装置中，显示单元30包括：存储模块，用于将被点击元素对应的链接元素在第一网页上所占据区域的位置信息存储至预设数据库中；绘制模块，用于根据预设数据库中存储的位置信息绘制链接元素位置区域图；以及显示模块，用于显示链接元素位置区域图。

所述链接元素位置信息的获取装置包括处理器和存储器，上述第一获取单元、第二获取单元和显示单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数获取链接元素位置信息。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品的实施例，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：获取第一网页上的链接元素，其中，链接元素为从第一网页跳转至第二网页的标签；获取链接元素在第一网页上所占据区域的位置信息；以及显示位置信息。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

显然，本领域的技术人员应该明白，上述的本申请的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请不限制于任何特定的硬件和软件结合。

以上所述仅为本申请的优选实施例，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种链接元素位置信息的获取方法，其特征在于，包括：

获取第一网页上的链接元素，其中，所述链接元素为从所述第一网页跳转至第二网页的标签；

获取所述链接元素在所述第一网页上所占据区域的位置信息；以及

显示所述位置信息。

2.根据权利要求1所述的方法，其特征在于，获取第一网页上的链接元素包括：

判断所述第一网页上的被点击元素是否是链接元素；

如果所述被点击元素不是链接元素，获取所述被点击元素对应的链接元素；以及

将所述被点击元素对应的链接元素作为所述第一网页上的链接元素。

3.根据权利要求2所述的方法，其特征在于，获取所述链接元素在所述第一网页上所占据区域的位置信息包括：

确定当前浏览器类型；

根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标；

获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的宽度和高度；以及

将所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标、所述被点击元素对应的链接元素在所述第一网页上所占据区域的宽度和高度作为所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息。

4.根据权利要求2所述的方法，其特征在于，获取所述链接元素在所述第一网页上所占据区域的位置信息包括：

确定当前浏览器类型；

根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标；

根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的右下角的横轴坐标；以及

将所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标、所述被点击元素对应的链接元素在所述第一网页上所占据区域的右下角的横轴坐标作为所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息。

5.根据权利要求2所述的方法，其特征在于，显示所述位置信息包括：

将所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息存储至预设数据库中；

根据所述预设数据库中存储的位置信息绘制链接元素位置区域图；以及

显示所述链接元素位置区域图。

6.根据权利要求2所述的方法，其特征在于，显示所述位置信息包括：

将所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息存储至预设数据库中；

根据所述预设数据库中存储的位置信息绘制位置信息热力图；以及

显示所述位置信息热力图。

7.一种链接元素位置信息的获取装置，其特征在于，包括：

第一获取单元，用于获取第一网页上的链接元素，其中，所述链接元素为从所述第一网页跳转至第二网页的标签；

第二获取单元，用于获取所述链接元素在所述第一网页上所占据区域的位置信息；以及

显示单元，用于显示所述位置信息。

8.根据权利要求7所述的装置，其特征在于，所述第一获取单元包括：

判断模块，用于判断所述第一网页上的被点击元素是否是链接元素；

第一获取模块，用于在所述被点击元素不是链接元素的情况下，获取所述被点击元素对应的链接元素；以及

第一确定模块，用于将所述被点击元素对应的链接元素作为所述第一网页上的链接元素。

9.根据权利要求8所述的装置，其特征在于，所述第二获取单元包括：

第二确定模块，用于确定当前浏览器类型；

第二获取模块，用于根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标；

第三获取模块，用于获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的宽度和高度；以及

第三确定模块，用于将所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标、所述被点击元素对应的链接元素在所述第一网页上所占据区域的宽度和高度作为所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息。

10.根据权利要求8所述的装置，其特征在于，所述第二获取单元包括：

第四确定模块，用于确定当前浏览器类型；

第四获取模块，用于根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标；

第五获取模块，用于根据所述当前浏览器类型对应的获取方式去获取所述被点击元素对应的链接元素在所述第一网页上所占据区域的右下角的横轴坐标；以及

第五确定模块，用于将所述被点击元素对应的链接元素在所述第一网页上所占据区域的左上角的横轴坐标、所述被点击元素对应的链接元素在所述第一网页上所占据区域的右下角的横轴坐标作为所述被点击元素对应的链接元素在所述第一网页上所占据区域的位置信息。