CN109857964A - 一种页面操作的热力图绘制方法、装置、存储介质及处理器 - Google Patents
一种页面操作的热力图绘制方法、装置、存储介质及处理器 Download PDFInfo
- Publication number
- CN109857964A CN109857964A CN201710774811.0A CN201710774811A CN109857964A CN 109857964 A CN109857964 A CN 109857964A CN 201710774811 A CN201710774811 A CN 201710774811A CN 109857964 A CN109857964 A CN 109857964A
- Authority
- CN
- China
- Prior art keywords
- page
- coordinate
- page elements
- elements
- thermodynamic chart
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面操作的热力图绘制方法及装置,方法包括:接收页面上用户的至少一个操作数据;确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。本申请通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,由此来提高页面热力图绘制的准确性。
Description
技术领域
本发明涉及图像处理技术领域,特别涉及一种页面操作热力图绘制方法、装置、存储介质及处理器。
背景技术
为了统计网站中用户对网页的操作行为,通常是对用户在网页上的点击行为进行热力图绘制,从而直观的为用户展示网页的被操作情况。
目前的绘制用户点击热力图方案通常是以页面的某个点如最左上角为原点坐标定位每个点击位置的坐标,再基于这些点击位置上的点击次数进行热力图绘制。
但是页面中通常会存在浮窗或者轮播图片等位置经常变动的页面元素,以上方案中所有点击位置都以页面的某个点为原点坐标进行定位,从而易出现点击位置定位不准确的情况,例如,多个轮播图片在同一位置循环显示,由此用户点击不同的轮播图片仍然只定位到一个点击位置,使得所绘制出的热力图并不能表现出不同的轮播图片上的用户操作情况,导致出现页面中部分区域热力图绘制不准确的情况。
发明内容
鉴于上述问题,提出了本发明以便提供一种页面操作的热力图绘制方法及装置,用以克服上述问题或者至少部分地解决上述问题中页面操作热力图绘制不准确的技术问题。
本申请提供了一种页面操作的热力图绘制方法,包括:
接收页面上用户的至少一个操作数据;
确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;
基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。
上述方法,优选的,确定所述页面元素上所述操作数据所对应的操作坐标,包括:
确定所述页面元素所在区域的原点坐标;
获取所述操作数据在该页面元素所在区域中以所述原点坐标为原点的相对坐标;
将所述相对坐标作为所述页面元素上所述操作数据所对应的操作坐标。
上述方法,优选的,基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图,包括:
基于所述页面元素的操作坐标及该页面元素的操作坐标对应的操作数据,绘制该页面元素的元素热力图;
基于所述页面中每个页面元素的元素热力图,绘制所述页面的页面热力图。
上述方法,优选的,基于所述页面元素的操作坐标及该页面元素的操作坐标对应的操作数据,绘制该页面元素的元素热力图,包括:
统计所述页面元素上每个所述操作坐标上的操作次数;
基于所述操作次数,确定预设时长内该页面元素上各个操作坐标上的操作频率;
基于所述操作频率及预设的绘制规则,绘制该页面元素的元素热力图。
上述方法,优选的,所述基于所述页面中每个页面元素的元素热力图,绘制所述页面的页面热力图,包括:
获得所述页面中页面元素的元素属性;
基于所述页面元素的元素属性,将所述页面元素的元素热力图进行拼接,以得到所述页面的页面热力图。
上述方法,优选的,基于所述页面元素的操作坐标及所述操作坐标所对应的操作数据,绘制所述页面的页面热力图,包括:
基于所述页面元素上的操作坐标及所述操作坐标对应的操作数据的个数,确定所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数;
基于所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数,以所述页面元素为单位,绘制所述页面的页面热力图。
本申请还提供了一种页面操作的热力图绘制装置,包括:
操作接收单元,用于接收页面上用户的至少一个操作数据;
坐标定位单元,用于确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;
图像生成单元,用于基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。
上述装置,优选的,所述坐标定位单元在确定所述页面元素上所述操作数据所对应的操作坐标时,具体用于:确定所述页面元素所在区域的原点坐标,获取所述操作数据在该页面元素所在区域中以所述原点坐标为原点的相对坐标,将所述相对坐标作为所述页面元素上所述操作数据所对应的操作坐标。
本申请还提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述页面操作的热力图绘制方法。
本申请还提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述页面操作的热力图绘制方法。
借由上述技术方案,本发明提供的一种页面操作的热力图绘制方法、装置、存储介质及处理器,在用户对页面进行操作之后,通过接收页面上用的操作数据,并确定操作数据所对应的页面元素以及页面元素上操作数据所对应的操作坐标,也就是定位页面元素上的操作位置,进而再基于页面中各页面元素上的操作坐标及每个操作坐标上对应的操作数据的个数来绘制页面的页面热力图,这一绘制过程中,通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,由此来提高页面热力图绘制的准确性。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本申请实施例提供的一种页面操作的热力图绘制方法的流程图;
图2及图3分别示出了本申请实施例的应用示例图;
图4示出了本申请实施例提供的一种页面操作的热力图绘制方法的部分流程图;
图5及图6分别示出了本申请实施例的另一应用示例图;
图7示出了本申请实施例提供的一种页面操作的热力图绘制方法的另一部分流程图;
图8及图9分别示出了本申请实施例的其他应用示例图;
图10示出了本申请实施例提供的一种页面操作的热力图绘制方法的又一部分流程图;
图11示出了本申请实施例提供的一种页面操作的热力图绘制装置的结构示意图;
图12示出了本申请实施例提供的一种存储介质的结构示意图;
图13示出了本申请实施例提供的一种处理器的结构示意图;
图14示出了本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参考图1,为本申请实施例提供的一种页面操作的热力图绘制方法的流程图,适用于对页面的点击等操作的热力图进行绘制,其中,网页是指各种网页浏览器所呈现的页面,如图2中的视频网页。
在本申请实施例中,该绘制方法可以包括以下步骤:
步骤101:接收页面上用户的至少一个操作数据。
其中,操作数据是指用户在页面上进行点击或拖动等操作的数据。本实施例中接收用户在页面上进行的至少一个点击或拖动的操作数据。
步骤102:确定操作数据所对应的页面元素。
其中,页面元素是指用户在页面上所进行的点击或拖动等操作所在的元素,如文字链接元素、浮窗元素或轮播图片元素等。
步骤103:确定页面元素上操作数据所对应的操作坐标。
其中,操作坐标是指用户在页面上所进行的点击或拖动等操作在页面元素上的相对坐标,该操作坐标是以页面元素上的某个点为坐标原点的坐标。
步骤104:基于页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制页面的页面热力图。
在一种实现方式中,本实施例中根据页面元素的操作坐标所对应的操作数据的个数,确定该页面元素的操作坐标在预设的时长内所对应的操作频率,例如,操作数据的个数越多,相应地,操作频率也就越高。之后,再根据预设的绘制规则,对该页面元素的操作坐标对应的位置点进行热力图绘制,获得页面的页面热力图。
其中,页面元素的操作坐标所对应的位置点是指,页面元素相对于整个页面的位置点。在页面上,不同的页面元素通常对应不同的位置点,例如,页面元素1对应位置点1,页面元素2对应位置点2,但是,对于页面上某个位置点上存在多个页面元素轮播显示的情况,此时,多个页面元素对应同一个位置点,而针对多个页面元素对应同一个位置点时进行热力图绘制的实现方式在后续实施例中说明。
其中,预设的绘制规则可以为:颜色绘制规则,如操作频率不同,对应绘制的颜色色相不同,或者,操作频率越高,对应绘制的颜色明度越低,等等,如图3中所绘制出的页面热力图所示。
由上述技术方案,本申请实施例所提供的一种页面操作的热力图绘制方法,在用户对页面进行操作之后,通过接收页面上用的操作数据,并确定操作数据所对应的页面元素以及页面元素上操作数据所对应的操作坐标,也就是定位页面元素上的操作位置,进而再基于页面中各页面元素上的操作坐标及每个操作坐标上对应的操作数据来绘制页面的页面热力图,这一绘制过程中,通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,由此来提高页面热力图绘制的准确性。
在一种实现方式中,本实施例在确定页面元素上操作数据所对应的操作坐标时,可以通过以下步骤实现,如图4中所示:
步骤401:确定页面元素所在区域的原点坐标。
如图5中所示,将页面元素所在区域A中的左上角的坐标p确定为原点坐标,或者,如图6中所示,将页面元素所在区域A中的中心点的坐标q确定为原点坐标,可以理解的是,上述两种方式并不能作为对页面元素所在区域的原点坐标的限定,还可以根据具体情况选定其它位置作为原点坐标。
步骤402:获取操作数据在该页面元素所在区域中以原点坐标为原点的相对坐标。
该相对坐标即作为其所在页面元素上操作数据所对应的操作坐标。
如图5中所示,以坐标p所在的点为原点,确定用户在页面元素上所进行的点击或拖动的操作在区域A上的相对坐标x;或者,如图6中所示,以坐标q所在的点为原点,确定用户在页面元素上所进行的点击或拖动的操作在区域A上的相对坐标y。
由此,本实施例中所得到的操作坐标即为以页面元素上的坐标点为原点的相对坐标,由此所绘制出的页面热力图中,通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,例如,避免浏览器所在设备的分辨率不同或者由于页面浏览器放大或缩小所导致的点击错位使得坐标不准确的情况,由此来提高页面热力图绘制的准确性。
在一种实现方式中,本实施例在基于页面元素的操作坐标及操作坐标所对应的操作数据,绘制页面的页面热力图时,可以通过以下步骤实现,如图7中所示:
步骤701:基于页面元素的操作坐标及该页面元素的操作坐标对应的操作数据,绘制该页面元素的元素热力图。
例如,对于页面上的每个页面元素,将页面元素上的操作坐标所对应的操作数据的个数进行统计,也就是说,对页面元素上每个操作坐标上的点击或拖动的操作次数进行统计,得到预设时长内页面元素上各操作坐标上用户操作的操作频率,并基于该操作频率及预设的绘制规则来绘制页面元素的元素热力图,如图8中根据颜色绘制规则来绘制得到的元素热力图所示,黄色区域标识频率较高的点击区域,红色区域表示频率更高的点击区域。
步骤702:基于页面中每个页面元素的元素热力图,获得页面的页面热力图。
其中,本实施例中在得到页面中各个页面元素的元素热力图之后,通过获得页面中页面元素的元素属性,再根据页面元素的元素属性,如页面元素在页面上的排布格局或者位置点等,将页面元素的元素热力图进行拼接,从而在页面上绘制出页面元素的元素热力图,例如,将各个元素热力图按照所属页面元素在页面上相应的位置点进行组合,从而整合成整个页面的页面热力图。例如,本实施例在进行页面热力图绘制时,可以在绘制出各个页面元素的元素热力图之后,再将各个页面元素的元素热力图按照各个页面元素在页面上所对应的位置点进行拼接,得到整个页面的页面热力图,如图9中所示。
需要说明的是,对于对应于同一个位置点的页面元素,在将页面元素的元素热力图进行拼接时,是将这些对应于同一位置点的页面元素的元素热力图进行关联拼接的,区别于将这些页面元素的元素热力图进行简单的叠加,本实施例中对于对应于同一位置点的页面元素,如轮播图片的页面元素,可以将这些页面元素的元素热力图关于这个位置点相关联,绘制出的页面热力图中可以以轮播的方式将这些页面元素的元素热力图进行显示。
在一种实现方式中,本实施例在基于页面元素的操作坐标及操作坐标所对应的操作数据,绘制页面的页面热力图时,可以通过以下步骤实现,如图10中所示:
步骤1001:基于页面元素上的操作坐标及操作坐标对应的操作数据的个数,确定页面上的各个操作坐标及操作坐标所对应的操作数据的个数。
也就是说,本实施例中将页面元素上的操作坐标根据页面上页面元素的元素属性转换成页面上的操作坐标,从而得到页面上各个操作坐标及操作坐标所对应的操作数据的个数。
步骤1002:基于页面上各个操作坐标及操作坐标所对应的操作数据的个数,以页面元素为单位,绘制页面的页面热力图。
具体的,本实施例中将页面上的操作坐标所对应的操作数据的个数进行统计,就是说,对页面上每个操作坐标上的点击或拖动的操作次数进行统计,得到预设时长内页面上各操作坐标上用户操作的操作频率,其中,这里的页面上各操作坐标点是以页面元素为单位或参考的,区别于以页面为参考的坐标,之后,基于该操作频率及预设的绘制规则来绘制页面的元素热力图,如图3中根据颜色绘制规则来绘制得到的页面热力图所示。
也就是说,图10所示的绘制实现方式中,是在页面元素的参考或基准下,对页面上的操作坐标所对应的操作数据的个数进行统计,所得到的用户操作的频率仍然是基于页面元素而言的,由此所绘制出的页面热力图中各个操作坐标所对应的热力显示元素也是基于页面元素,因此,图10所示的绘制实现方式与图7所示的绘制实现方式所绘制出的页面热力图的结果是相同的,区别是在于:图7所示的绘制方式中先绘制每个页面元素的元素热力图,再拼接成整个页面的页面热力图,而图10所示的绘制方式中是以页面元素为参考,对整个页面的页面热力图进行绘制。
由此以上各实现方式中,本实施例通过将用户的点击与页面元素进行结合,将点击错位减少到最小程度,另外,将用户点击与页面元素结合也能区分不同是点击在哪个元素上,可以避免无法区分是点在轮播图的哪一帧或是将浮层数据绘制到了页面主体上,避免将此元素的点击数据绘制到其他的元素上,不会发生点击错位,也解决了浮窗、轮播的数据无法区分的问题。
参考图11,为本申请实施例提供的一种页面操作的热力图绘制装置的结构示意图,适用于对页面的点击等操作的热力图进行绘制,其中,网页是指各种网页浏览器等所呈现的页面,如图2中的视频网页。
在本申请实施例中,该绘制装置可以包括以下结构:
操作接收单元1101,用于接收页面上用户的至少一个操作数据。
其中,操作数据是指用户在页面上进行点击或拖动等操作的数据。本实施例中接收用户在页面上进行的至少一个点击或拖动的操作数据。
坐标定位单元1102,用于确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标。
其中,页面元素是指用户在页面上所进行的点击或拖动等操作所在的元素,如文字链接元素、浮窗元素或轮播图片元素等。
而操作坐标是指用户在页面上所进行的点击或拖动等操作在页面元素上的相对坐标,该操作坐标是以页面元素上的某个点为坐标原点的坐标。
在一种实现方式中,本实施例中,坐标定位单元1102在确定页面元素上操作数据所对应的操作坐标时,具体用于:确定页面元素所在区域的原点坐标,获取操作数据在该页面元素所在区域中以原点坐标为原点的相对坐标,将该相对坐标作为其所在页面元素上操作数据所对应的操作坐标。
如图5中所示,坐标定位单元1102将页面元素所在区域A中的左上角的坐标p确定为原点坐标,以坐标p所在的点为原点,确定用户在页面元素上所进行的点击或拖动的操作在区域A上的相对坐标x;或者,如图6中所示,将页面元素所在区域A中的中心点的坐标q确定为原点坐标,以坐标q所在的点为原点,确定用户在页面元素上所进行的点击或拖动的操作在区域A上的相对坐标y。
由此,本实施例中所得到的操作坐标为以页面元素上的坐标点为原点的相对坐标,由此所绘制出的页面热力图中,通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,例如,避免浏览器所在设备的分辨率不同或者由于页面浏览器放大或缩小所导致的点击错位使得坐标不准确的情况,由此来提高页面热力图绘制的准确性。
图像生成单元1103,用于基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。
在一种实现方式中,本实施例中根据页面元素的操作坐标所对应的操作数据的个数,确定该页面元素的操作坐标在预设的时长内所对应的操作频率,例如,操作数据的个数越多,相应的,操作频率也就越高。之后,再根据预设的绘制规则,对该页面元素的操作坐标对应的位置点进行热力图绘制,获得页面的页面热力图。
其中,页面元素的操作坐标所对应的位置点是指,页面元素相对于整个页面的位置点。在页面上,不同的页面元素通常对应不同的位置点,例如,页面元素1对应位置点1,页面元素2对应位置点2,但是,对于页面上某个位置点上存在多个页面元素轮播显示的情况,此时,多个页面元素对应同一个位置点,而针对多个页面元素对应同一个位置点时进行热力图绘制的实现方式在后续实施例中说明。
其中,预设的绘制规则可以为:颜色绘制规则,如操作频率不同,对应绘制的颜色色相不同,或者,操作频率越高,对应绘制的颜色明度越低,等等,如图3中所绘制出的页面热力图所示。
在一种实现方式中,本实施例中的图像生成单元1103在基于页面元素的操作坐标及操作坐标所对应的操作数据,绘制页面的页面热力图时,具体用于:基于页面元素的操作坐标及该页面元素的操作坐标对应的操作数据的,绘制该页面元素的元素热力图,基于页面中每个页面元素的元素热力图,绘制页面的页面热力图。
例如,图像生成单元1103对于页面上的每个页面元素,将页面元素上的操作坐标所对应的操作数据的个数进行统计,就是说,对页面元素上每个操作坐标上的点击或拖动的操作次数进行统计,得到预设时长内页面元素上各操作坐标上用户操作的操作频率,并基于该操作频率及预设的绘制规则来绘制页面元素的元素热力图,如图8中根据颜色绘制规则来绘制得到的元素热力图所示。
其中,本实施例中,图像生成单元1103在得到页面中各个页面元素的元素热力图之后,通过获得页面中页面元素的元素属性,再根据页面元素的元素属性,如页面元素在页面上的排布格局或者位置点等,将页面元素的元素热力图进行拼接,从而在页面上绘制出页面元素的元素热力图,例如,将各个元素热力图按照所属页面元素在页面上相应的位置点进行组合,从而整合成整个页面的页面热力图。例如,本实施例在进行页面热力图绘制时,可以在绘制出各个页面元素的元素热力图之后,再将各个页面元素的元素热力图按照各个页面元素在页面上所对应的位置点进行拼接,得到整个页面的页面热力图,如图9中所示。
在另一种实现方式中,本实施例中的图像生成单元1103在基于页面元素的操作坐标及操作坐标所对应的操作数据,绘制页面的页面热力图时,具体用于:基于所述页面元素上的操作坐标及所述操作坐标对应的操作数据的个数,确定所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数,基于所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数,以页面元素为单位,绘制所述页面的页面热力图。
也就是说,本实施例中图像生成单元1103将页面元素上的操作坐标根据页面上页面元素的元素属性转换成页面上的操作坐标,从而得到页面上各个操作坐标及操作坐标所对应的操作数据的个数。之后,图像生成单元1103将页面上的操作坐标所对应的操作数据的个数进行统计,就是说,对页面上每个操作坐标上的点击或拖动的操作次数进行统计,得到预设时长内页面上各操作坐标上用户操作的操作频率,其中,这里的页面上各操作坐标点是以页面元素为单位或参考的,区别于以页面为参考的坐标,之后,基于该操作频率及预设的绘制规则来绘制页面的元素热力图,如图3中根据颜色绘制规则来绘制得到的页面热力图所示。
在本实施例中,该绘制装置可以包括有处理器及存储器,处理器及存储器为服务器等承载以上本实施例的设备上的元器件,上述的操作接收单元1101、坐标定位单元1102及图像生成单元1103等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
例如,上述各个程序单元以安装包或处理类的形式存储在存储器中,同时存储器中还存储有预先设置的配置文件,处理器通过调用安装包处理类,来执行以上各个程序单元,实现相应的功能。
具体的,处理器中包含内核,由内核去存储器中调取相应的程序单元,内核可以设置一个或多个,通过调整内核参数来根据接收到的操作数据来确定操作数据对应的页面元素及页面元素上的操作数据对应的操作坐标,从而基于页面元素的操作坐标及操作坐标所对应的操作数据,来绘制出页面的页面热力图。
其中,存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
由上述技术方案,本申请实施例所提供的一种页面操作的热力图绘制装置,在用户对页面进行操作之后,通过接收页面上用的操作数据,并确定操作数据所对应的页面元素以及页面元素上操作数据所对应的操作坐标,也就是定位页面元素上的操作位置,进而再基于页面中各页面元素上的操作坐标及每个操作坐标上对应的操作数据的个数来绘制页面的页面热力图,这一绘制过程中,通过在页面元素上对操作进行定位,而不是在整个页面上对操作进行定位,从而避免由于页面元素的位置变动造成定位不准确的情况,由此来提高页面热力图绘制的准确性。
本发明实施例提供了一种存储介质,如图12中所示,该存储介质处于电子设备上,而该存储介质上存储有程序,该程序运行时控制该存储介质所在的设备执行图1至图10中所描述或展示的页面操作的热力图绘制方法。
本发明实施例提供了一种处理器,如图13中所示,该处理器用于运行程序,该程序可以为图12所示的存储介质中存储的程序,由此,处理器通过运行程序执行图1至图10中所描述或展示的页面操作的热力图绘制方法。
本发明实施例提供了一种电子设备,如图14中电子设备的结构示意图所示,该电子设备中可以包括处理器1401、存储器1402及存储在存储器上并可在处理器上运行的应用程序,处理器1401执行应用程序时实现以下步骤:接收页面上用户的至少一个操作数据;确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;基于所述页面元素的操作坐标及所述操作坐标所对应的操作数据,绘制所述页面的页面热力图。
其中,本文中的电子设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:接收页面上用户的至少一个操作数据;确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;基于所述页面元素的操作坐标及所述操作坐标所对应的操作数据,绘制所述页面的页面热力图。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种页面操作的热力图绘制方法,其特征在于,包括:
接收页面上用户的至少一个操作数据;
确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;
基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。
2.根据权利要求1所述的方法,其特征在于,确定所述页面元素上所述操作数据所对应的操作坐标,包括:
确定所述页面元素所在区域的原点坐标;
获取所述操作数据在该页面元素所在区域中以所述原点坐标为原点的相对坐标;
将所述相对坐标作为所述页面元素上所述操作数据所对应的操作坐标。
3.根据权利要求1或2所述的方法,其特征在于,基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图,包括:
基于所述页面元素的操作坐标及该页面元素的操作坐标对应的操作数据,绘制该页面元素的元素热力图;
基于所述页面中每个页面元素的元素热力图,绘制所述页面的页面热力图。
4.根据权利要求3所述的方法,其特征在于,基于所述页面元素的操作坐标及该页面元素的操作坐标对应的操作数据,绘制该页面元素的元素热力图,包括:
统计所述页面元素上每个所述操作坐标上的操作次数;
基于所述操作次数,确定预设时长内该页面元素上各个操作坐标上的操作频率;
基于所述操作频率及预设的绘制规则,绘制该页面元素的元素热力图。
5.根据权利要求3所述的方法,其特征在于,所述基于所述页面中每个页面元素的元素热力图,绘制所述页面的页面热力图,包括:
获得所述页面中页面元素的元素属性;
基于所述页面元素的元素属性,将所述页面元素的元素热力图进行拼接,以得到所述页面的页面热力图。
6.根据权利要求1或2所述的方法,其特征在于,基于所述页面元素的操作坐标及所述操作坐标所对应的操作数据,绘制所述页面的页面热力图,包括:
基于所述页面元素上的操作坐标及所述操作坐标对应的操作数据的个数,确定所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数;
基于所述页面上的各个操作坐标及所述操作坐标所对应的操作数据的个数,以所述页面元素为单位,绘制所述页面的页面热力图。
7.一种页面操作的热力图绘制装置,其特征在于,包括:
操作接收单元,用于接收页面上用户的至少一个操作数据;
坐标定位单元,用于确定所述操作数据所对应的页面元素并确定所述页面元素上所述操作数据所对应的操作坐标;
图像生成单元,用于基于所述页面元素的操作坐标及该页面元素的操作坐标所对应的操作数据,绘制所述页面的页面热力图。
8.根据权利要求7所述的装置,其特征在于,所述坐标定位单元在确定所述页面元素上所述操作数据所对应的操作坐标时,具体用于:确定所述页面元素所在区域的原点坐标,获取所述操作数据在该页面元素所在区域中以所述原点坐标为原点的相对坐标,将所述相对坐标作为所述页面元素上所述操作数据所对应的操作坐标。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的页面操作的热力图绘制方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至6中任意一项所述的页面操作的热力图绘制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710774811.0A CN109857964B (zh) | 2017-08-31 | 2017-08-31 | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710774811.0A CN109857964B (zh) | 2017-08-31 | 2017-08-31 | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109857964A true CN109857964A (zh) | 2019-06-07 |
CN109857964B CN109857964B (zh) | 2021-10-08 |
Family
ID=66887399
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710774811.0A Active CN109857964B (zh) | 2017-08-31 | 2017-08-31 | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109857964B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110659188A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面画像数据处理方法、装置、计算机设备和存储介质 |
CN111090819A (zh) * | 2019-11-12 | 2020-05-01 | 华为技术有限公司 | 热力图生成方法、装置、终端以及计算机可读存储介质 |
CN111767107A (zh) * | 2020-06-23 | 2020-10-13 | 杭州萤石软件有限公司 | 一种信息的可视化展示方法及系统 |
CN113505329A (zh) * | 2021-07-27 | 2021-10-15 | 中国工商银行股份有限公司 | 数据可视化处理方法及装置 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101777080A (zh) * | 2010-03-19 | 2010-07-14 | 北京国双科技有限公司 | 基于用户点击数据的网页分析方法 |
CN102043850A (zh) * | 2010-12-20 | 2011-05-04 | 百度在线网络技术(北京)有限公司 | 生成热力图的方法及设备 |
CN103605739A (zh) * | 2013-11-19 | 2014-02-26 | 北京国双科技有限公司 | 热力图的显示方法及装置 |
CN103618773A (zh) * | 2013-11-19 | 2014-03-05 | 北京国双科技有限公司 | 热力图的显示方法、装置及系统 |
CN104391951A (zh) * | 2014-11-27 | 2015-03-04 | 北京国双科技有限公司 | 网页热力图的加载方法和装置 |
CN104408185A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 网页热力图的链接点击量展示方法及装置 |
US20150302466A1 (en) * | 2012-08-17 | 2015-10-22 | Beijing Gridsum Technology Co., Ltd. | Data determination method and device for a thermodynamic chart |
CN105741334A (zh) * | 2014-12-11 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 热力图提供方法及装置 |
CN106649372A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 热力图中广告点击量的展示方法和装置 |
CN108984070A (zh) * | 2017-05-31 | 2018-12-11 | 北京京东尚科信息技术有限公司 | 用于热力图成像的方法、装置、电子设备及可读介质 |
-
2017
- 2017-08-31 CN CN201710774811.0A patent/CN109857964B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101777080A (zh) * | 2010-03-19 | 2010-07-14 | 北京国双科技有限公司 | 基于用户点击数据的网页分析方法 |
CN102043850A (zh) * | 2010-12-20 | 2011-05-04 | 百度在线网络技术(北京)有限公司 | 生成热力图的方法及设备 |
US20150302466A1 (en) * | 2012-08-17 | 2015-10-22 | Beijing Gridsum Technology Co., Ltd. | Data determination method and device for a thermodynamic chart |
CN103605739A (zh) * | 2013-11-19 | 2014-02-26 | 北京国双科技有限公司 | 热力图的显示方法及装置 |
CN103618773A (zh) * | 2013-11-19 | 2014-03-05 | 北京国双科技有限公司 | 热力图的显示方法、装置及系统 |
CN104391951A (zh) * | 2014-11-27 | 2015-03-04 | 北京国双科技有限公司 | 网页热力图的加载方法和装置 |
CN105741334A (zh) * | 2014-12-11 | 2016-07-06 | 阿里巴巴集团控股有限公司 | 热力图提供方法及装置 |
CN104408185A (zh) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | 网页热力图的链接点击量展示方法及装置 |
CN106649372A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 热力图中广告点击量的展示方法和装置 |
CN108984070A (zh) * | 2017-05-31 | 2018-12-11 | 北京京东尚科信息技术有限公司 | 用于热力图成像的方法、装置、电子设备及可读介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110659188A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面画像数据处理方法、装置、计算机设备和存储介质 |
CN111090819A (zh) * | 2019-11-12 | 2020-05-01 | 华为技术有限公司 | 热力图生成方法、装置、终端以及计算机可读存储介质 |
CN111767107A (zh) * | 2020-06-23 | 2020-10-13 | 杭州萤石软件有限公司 | 一种信息的可视化展示方法及系统 |
CN113505329A (zh) * | 2021-07-27 | 2021-10-15 | 中国工商银行股份有限公司 | 数据可视化处理方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109857964B (zh) | 2021-10-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107229454B (zh) | 混合视图的显示方法及装置 | |
CN109857964A (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
US9921826B2 (en) | Visualizing a congruency of versions of an application across phases of a release pipeline | |
CN104166656B (zh) | 流量统计的网页化展示方法及装置 | |
KR20180116423A (ko) | 하이브리드 애플리케이션에서의 ListCell 재사용 방법 및 장치 | |
US10089120B2 (en) | Widgets in digital dashboards | |
KR20190056348A (ko) | 디스플레이 제어 방법, 시스템 및 가상 현실 기기 | |
CN110737490A (zh) | 一种引导信息显示方法和装置 | |
CN106776612B (zh) | 地理热力图的显示方法及装置 | |
CN109683773A (zh) | 语料标注方法和装置 | |
JPWO2018173478A1 (ja) | 学習装置、学習方法および学習プログラム | |
CN113689574A (zh) | 数字孪生处理方法、装置和机器可读介质 | |
CN110020350A (zh) | 网页热力图的绘制方法、装置、存储介质及处理器 | |
Boccaccio et al. | Exploiting augmented reality to display technical information on industry 4.0 P&ID | |
CN110020363A (zh) | 绘制热力图的方法及装置 | |
CN108133455A (zh) | 海报图像中用户名称的显示方法及装置 | |
CN109101144B (zh) | 热力图绘制方法及装置 | |
CN104461310B (zh) | 一种页面比对方法及系统 | |
US9659338B2 (en) | Method and system for adaptive content protection | |
CN114139504A (zh) | 一种基于画布的构建数据动态流动模型的方法及设备、介质 | |
CN112748917B (zh) | 图表显示方法及装置 | |
CN110020285B (zh) | 柱状图的处理方法及装置 | |
CN109948075B (zh) | 网页数据的标记方法及装置 | |
CN109582353A (zh) | 嵌入数据采集代码的方法及装置 | |
CN109146870A (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100080 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |