CN108073594B - 一种生成热力图的方法及装置 - Google Patents

一种生成热力图的方法及装置 Download PDF

Info

Publication number
CN108073594B
CN108073594B CN201610991855.4A CN201610991855A CN108073594B CN 108073594 B CN108073594 B CN 108073594B CN 201610991855 A CN201610991855 A CN 201610991855A CN 108073594 B CN108073594 B CN 108073594B
Authority
CN
China
Prior art keywords
category set
picture
template
resolution
arrays
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
Application number
CN201610991855.4A
Other languages
English (en)
Other versions
CN108073594A (zh
Inventor
高旭
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201610991855.4A priority Critical patent/CN108073594B/zh
Publication of CN108073594A publication Critical patent/CN108073594A/zh
Application granted granted Critical
Publication of CN108073594B publication Critical patent/CN108073594B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/206Drawing of charts or graphs
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/50Network services
    • H04L67/535Tracking the activity of the user

Abstract

本发明公开了一种生成热力图的方法和装置,该方法包括:获取监控的网页对应的多组页面点击数组,该页面点击数组包括:用户在浏览器展现出的该网页中的点击坐标以及该浏览器的分辨率;将该多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的该分辨率相同;对于任意一个该类别集合,从预置的多个图片模板中,选取与该类别集合对应的分辨率相匹配的图片模板;对于任意一个该类别集合,依据该类别集合中包含的该点击坐标,在与该类别集合对应的分辨率相匹配的图片模板上生成热力图。本发明的方案可以提高生成的热力图的精准度。

Description

一种生成热力图的方法及装置
技术领域
本发明涉及互联网技术领域,尤其涉及一种生成热力图的方法和装置。
背景技术
通过分析用户在网站上的访问行为,可以得到用户的喜好与兴趣分布,从而为网站优化提供依据,以让网站的价值更大化。而热力图是一种比较直观的反映用户访问行为的方法。
热力图是指通过抓取用户在网站网页中点击行为数据,并将这些点击行为数据转换为不同的颜色值,以可视化的色彩图直观反映用户对网页内容的访问情况。在生成网页对应的热力图的过程中,首先需要确定用于展现该网页对应的热力图所需的图片模板,然后依据用户在网页中的点击坐标,在该图片模板上绘制热力图。然而不同终端中浏览器的分辨率也会有所不同,而不同分辨率下的坐标系也会有所差异,因此,在具有不同分辨率的浏览器上所获取到的用户点击行为的坐标差别较大,从而导致生成的热力图存在误差,影响到热力图的精准度。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的生成热力图的方法和装置,以提高生成的热力图的精准度。
为了实现以上目的,一方面,本申请提供了一种生成热力图的方法,包括:
获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,其中,所述多个图片模板为多个不同分辨率下显示的所述网页所转换出的图片;
对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
可选的,在所述将所述多组页面点击数组划分为至少一个类别集合之后,还包括:
按照包含的所述页面点击数组的数量从多到少的顺序,对所述至少一个类别集合进行排序;
所述从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,包括:
对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
对于排序不处于所述前指定位的类别集合,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
可选的,所述从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,包括:
如果所述类别集合中的所述页面点击数组的数量不小于预设阈值,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
如果所述类别集合中所述页面点击数组的数量小于所述预设阈值,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
可选的,所述依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图,包括:
如果所述类别集合对应的图片模板为通用图片模板,则将所述类别集合中所述页面点击数组中的点击坐标转换为所述指定分辨率下的坐标,并依据转换后的坐标,在所述通用图片模板上生成热力图。
可选的,在所述获取监控的网页对应的多组页面点击数组之前,还包括:
获取由多个不同分辨率的浏览器上显示出的所述网页所转换出的图片,得到多个图片;
将所述多个图片存储为分别与所述多个不同分辨率匹配的多个图片模板。
另一方面,本申请还提供了一种生成热力图的装置,包括:
数据获取单元,用于获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
类别划分单元,用于将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
模板确定单元,用于对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,其中,所述多个图片模板为多个不同分辨率下显示的所述网页所转换出的图片;
图生成单元,用于对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
优选的,还包括:
集合排序单元,用于在所述类别划分单元将所述多组页面点击数组划分为至少一个类别集合之后,按照包含的所述页面点击数组的数量从多到少的顺序,对所述至少一个类别集合进行排序;
所述模板确定单元,包括:
第一模板确定单元,用于对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第二模板确定单元,用于对于排序不处于所述前指定位的类别集合,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
优选的,所述模板确定单元,包括:
第三模板确定单元,用于如果所述类别集合中的所述页面点击数组的数量不小于预设阈值,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第四模板确定单元,用于如果所述类别集合中所述页面点击数组的数量小于所述预设阈值,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
优选的,所述图生成单元,包括:
图生成子单元,用于如果所述类别集合对应的图片模板为通用图片模板,则将所述类别集合中所述页面点击数组中的点击坐标转换为所述指定分辨率下的坐标,并依据转换后的坐标,在所述通用图片模板上生成热力图。
优选的,还包括:
模板生成单元,用于在所述获取监控的网页对应的多组页面点击数组之前,获取由多个不同分辨率的浏览器上显示出的所述网页所转换出的图片,得到多个图片,得到多个图片;
模板存储单元,用于将所述多个图片存储为分别与所述多个不同分辨率匹配的多个图片模板。
借由上述技术方案,本申请获取到的监控的网页对应的多组页面点击数组中除了包括用户在浏览器展现出的该网页中的点击坐标之外,还可以该浏览器的分辨率,而且,本申请中预置了多个图片模板,该多个图片模板为多个分辨率下显示出的该网页所转换出的图片。因此,在将具有相同分辨率的页面点击数组划分为同一个类别集合之后,对于任意一个类别集合,均可以从预置的多个图片模板中,选取与该类别集合对应的分辨率相匹配的图片模板,从而使得选取出的图片模板中的坐标系与采集到的该类别集合中点击坐标的坐标系相匹配,这样,依据类别集合中包含的点击坐标,在选取出的图片模板上生成热力图时,可以减少由于坐标系差异而导致生成的热力图出现较大误差的情况,提高了生成的热力图的准确性。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本申请一种生成热力图的方法一个实施例的流程示意图;
图2示出了本申请一种生成热力图的方法又一个实施例的流程示意图;
图3示出了本申请一种生成热力图的装置一个实施例的组成结构示意图;
图4示出了本申请一种生成热力图的装置又一个实施例的组成结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参见图1,其示出了本申请一种生成热力图的方法一个实施例的流程示例图,本实施例的方法可以包括:
101,获取监控的网页对应的多组页面点击数组。
其中,每个页面点击数组包括:点击坐标以及分辨率,其中,点击坐标为用户在浏览器展现出的网页中进行点击操作的坐标,该坐标可以包括横坐标以及纵坐标。该分辨率为该用户的浏览器在展现该网页时的分辨率。
可以理解的是,不同的用户设备会存在差异,用户在基于浏览器进行网页浏览的过程中,用户侧浏览器上所设定的分辨率也会有所差异。而用户在不同分辨率下所展现出的网页上进行点击操作时,即使用户是对网页中相同内容处进行点击,也会导致采集到的坐标会有所不同,例如,在浏览器的分辨率为1920*1080的情况下,如果用户对该浏览器上展现出的该网页中某个图片的左上角进行点击,则点击坐标可能是(x1,y1);而在浏览器的分辨率为1360*768的情况下,如果用户对该浏览器上展现出的该网页中相同图片的左上角进行点击,则点击坐标可能会是(x2,y2),其中,(x1,y1)与(x2,y2)不同。
为了确定出点击坐标是在哪个分辨率下展现出的网页中的点击行为,本申请实施例在所需要监测的网页上采集点击行为的点击坐标的同时,会获取在该点击行为的用户侧,用于展现该网的浏览器当前的分辨率,使得采集到的每一个点击坐标均对应着一个分辨率的数值。
当然,在本申请实施例中,为了生成热力图,该页面点击数组中除了该点击坐标和分辨率之外,还可以包括其他用于生成热力图的数据,如,还可以包括点击坐标处是否具有链接等相关信息,在此不加以限制。
102,将该多组页面点击数组划分为至少一个类别集合。
其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同。也就是说,具有相同分辨率的页面点击数据组成的集合实际上就是一个类别集合,每个类别集合中包括至少一个页面点击数组。
划分类别集合的方式可以有多种,可以采用简单的归类方法,也可以是按照页面数据中包括的分辨率,对该多组页面点击数组进行聚类,以将具有分辨率的页面点击数组聚类到同一个类别中。
可以理解的是,由于类别集合为具有相同分辨率的页面点击数据所组成的集合,因此,每一个类别集合实际上对应着一个分辨率。
103,对于任意一个类别集合,从预置的多个图片模板中,选取与该类别集合对应的分辨率相匹配的图片模板。
其中,该多个图片模板为多个不同分辨率下显示的网页所转换出的图片。图片模板可以理解为生成热力图所需的底图,将用户的点击坐标绘制到该图片模板上,就可以得到反映用户对网页点击行为的热力图。
可选的,在存储图片模板的同时,还可以存储图片模板与分辨率的匹配关系,这样,在确定出类别集合对应的分辨率之后,基于该匹配关系,可以得到与该类别集合对应的分辨率相匹配的图片模板。
可以理解的是,在网页固定的情况下,如网站开发出的网页大小固定,同一分辨率下网页的展现效果相同,即,同一分辨率下的网页所对应的坐标系也一致,这样,在同一分辨率下用户对网页中相同位置处进行点击时,采集到的点击坐标也是相同的,因此,选取与该类别集合对应的分辨率相匹配的图片模板来生成热力图,有利于减少由于坐标系不统一,而导致生成的热力图存在误差的情况。
可选的,为了实现该多个图片模板的预置,在本申请步骤101之前,还可以:获取由多个不同分辨率的浏览器上显示出的该网页所转换出的图片,得到多个图片;然后将该多个图片存储为与该多个不同分辨率匹配的多个图片模板。如,可以通过调整生成热力图的设备中浏览器的分辨率,在浏览器具有不同分辨率的情况下,在该浏览器上显示出该网页,并将显示出的网页转换为图片;又如,该多个图片可以是由其他设备发送给生成热力图的设备,例如,可以在生成热力图的设备之外的其他设备中进行设置,以在具有不同分辨率的浏览器上呈现出该网页,并将呈现出的网页转换为图片之后发送给用于生成热力图的设备。
104,对于任意一个类别集合,依据该类别集合中包含的点击坐标,在与该类别集合对应的分辨率相匹配的图片模板上生成热力图。
其中,在步骤103中针对不同分辨率对应的类别集合,分别选取图片模板,而由于图片模板对应的坐标系与确定该点击坐标所依据的坐标系相同,因此,依据该类别集合中包含的点击坐标生成热力图时,无需进行坐标转换,可以直接将该点击坐标绘制到该图片模板中,减少了数据处理量,也避免了由于转换坐标而导致的坐标转换误差。
可见,在本申请实施例中,获取到的监控的网页对应的多组页面点击数组中除了包括用户在浏览器展现出的该网页中的点击坐标之外,还可以该浏览器的分辨率,而且,本申请中预置了多个图片模板,该多个图片模板为多个分辨率下显示出的该网页所转换出的图片。因此,在将具有相同分辨率的页面点击数组划分为同一个类别集合之后,对于任意一个类别集合,均可以从预置的多个图片模板中,选取与该类别集合对应的分辨率相匹配的图片模板,从而使得选取出的图片模板中的坐标系与采集到的该类别集合中点击坐标的坐标系相匹配,这样,依据类别集合中包含的点击坐标,在选取出的图片模板上生成热力图时,可以减少由于坐标系差异而导致生成的热力图出现较大误差的情况,提高了生成的热力图的准确性。
同时,本申请分别设置对应不同分辨率的图片模板,与针对不同分辨率均采用相同的图片模板相比,可以避免在绘制热力图的过程中,人工手动调整图片模板的大小而导致图片显示内容变得模糊的情况。
另外,考虑到一些特殊场景下,终端上呈现出的该网页的页面的布局和内容也会有所差异,如,对于购物网站而言,该网站向手机侧与向台式电脑侧所传输的购物主页面中所包含的页面布局或具体内容也会有所差异,而手机侧的分辨率与台式电脑侧的分辨率差异较大。如果针对不同分辨率均采用相同的图片模板,就无法单独生成该种特殊场景下的网页所对应的图片;而本申请则可以针对手机等终端,可以设置与手机所具有的分辨率下呈现出的网页内容相符的图片模板,从而基于从手机的浏览器上采集到的点击坐标可以在相应的图片模板上准确绘制热力图。
可以理解的是,为了与在不同分辨率下展现的网页相适应,本申请需要分别针对不同分辨率设置不同的图片模板,这样,就需要存储大量的图片模板,然而用户侧的浏览器中较为常用的分辨率一般仅为有限的几种,而且获取到的多组页面点击数组中,大部分页面点击数组中具有的分辨率也都属于这几种常见的分辨率,而只有少部分的页面点击数组中具有的分辨率不属于这几种常见的分辨率。因此,为了减少由于存储大量的图片模板而导致维护的数据量过大的问题,可以针对几种常见的分辨率,分别预置与这几种常见的分辨率匹配的图片模板;而对于在其他具有不常见的分辨率下,则可以不单独预置图片模板,而是统一预置一个通用图片模板,该通用图片模板可以为将指定分辨率下显示的该网页所转换出的图片。
相应的,在将多组页面点击数组划分到至少一个类别集合之后,还可以根据类别集合中包含的页面点击数组的数量,来确定该类别集合中的页面点击数组所包含的分辨率是否为常见的分辨率,进而确定需要选取通用图片模板,还是选取与该页面点击数组所包含的分辨率相匹配的图片模板。
如,如果类别集合中的页面点击数组的数量不小于预设阈值,则可以按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与该类别集合对应的分辨率相匹配的图片模板;如果该类别集合中页面点击数组的数量小于预设阈值,则可以将预置的通用图片模板作为与该类别集合对应的分辨率相匹配的图片模板。
其中,该预设阈值可以根据需要设定,如,该预设阈值可以为5、10等等,在此不加以限定。
又如,可以基于类别集合中包含的页面点击数组的数量对至少一个类别集合进行排序,对排序处于预设的顺序段内的类别集合,可以按照预置的图片模板与分辨率的匹配关系,选取与类别集合的分辨率对应的图片模板来生成热力图;而对于不属于该顺序段内的类别集合,则选取通用图片模板来生成热力图,其中,属于预设顺序段内的类别集合中包含的页面点击数组的数量多于不属于该预设顺序段内的类别集合中所包含的页面点击数的数量。
下面以一种可能的情况为例进行介绍。
参见图2,其示出了本申请一种生成热力图的方法又一个实施例的流程示意图,本实施例的方法可以包括:
201,获取监控的网页对应的多组页面点击数组。
其中,每个页面点击数组包括:点击坐标以及分辨率。
202,按照类别集合中包含的页面点击数组的数量从多到少的顺序,对该至少一个类别集合进行排序。
203,对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与该类别集合对应的分辨率相匹配的图片模板。
其中,前指定位可以预先设定,如,该前指定位可以为前10位,或者前15位等等。
可以理解的是,按照类别集合中包含的页面点击数组的数量从多到少的顺序对划分出的类别集合进行排序之后,排序靠前的类别集合中所包含的页面点击数组的数量较多,则说明该类别集合中页面点击数组包含的分辨率为较为常用的分辨率,采用在该分辨率下展现该网页的用户较多;而类别集合的排序越靠后,类别集合中页面点击数组的数量就越少,从而说明采用在该类别集合对应的分辨率下展现该网页的用户较少。
而对于较为常用的分辨率,单独设置图片模板,可以有利于准确分析出大部分用户访问行为,从而得到反映大部分用户访问行为的热力图。
204,按照类别集合中包括的页面点击数组中的点击坐标,在为该类别集合选取出的图片模板上绘制热力图。
对于排序处于前指定位的类别集合,选取出图片模板之后,可以将类别集合中包含的所有点击坐标绘制到该图片模板,以生成热力图。
205,对于排序不处于前指定位的类别集合,将预置的通用图片模板作为与该类别集合对应的分辨率相匹配的图片模板。
其中,通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。其中,该指定分辨率可以根据需要设定,如,该指定分辨率可以是较为常见的一种分辨率,在该种情况下,该通用图片模板可以理解为预置的图片模板与分辨率的匹配关系中,与某一种特定的分辨率对应的图片模板。
而排序不处于前指定位的类别集合中所包含的页面点击数组较少,而属于这些类别集合内的页面点击数组所对应的用户行为仅仅是一小部分的用户行为,对于该部分用户的访问行为,可以选取一个固定的通用图片模板来生成热力图。如,前指定位为前10位,则排序处于第11位以及第11位之后的所有类别集合,均可以选取该通用图片模板来生成热力图。
206,将类别集合中页面点击数组中的点击坐标转换为该指定分辨率下的坐标,并依据转换后的坐标,在该通用图片模板上生成热力图。
在实际应用中,排序不处于前指定位的类别集合,对于每一个类别集合可以分别生成一幅热力图。考虑到排序不处于前指定位的类别集合均对应一个通用图片模板,可以排序不处于前指定位的类别集合的点击坐标均绘制到该通用图片模板上,从而仅生成一幅热力图。
可以理解的是,对于排序不处于前指定位的类别集合而言,选取出的该通用图片模板均对应一个通用图片模板,而该通用图片模板所对应的指定分辨率可能不与该类别集合对应的分辨率相同,因此,为了生成精准度相对较高的热力图,需要对类别集合中的点击坐标转换为该通用图片模板对应的指定分辨率下的坐标。当然,进行坐标转换仅仅是一种优选实施方式,如果不仅仅坐标转换,而采用其他方式将该类别集合中的点击坐标绘制到该通用图片模板中的方式也同样适用于本申请。
本申请实施例还提供了一种生成热力图的装置。
参见图3,其示出了本申请一种生成热力图的装置一个实施例的组成结构示意图,本实施例的装置可以包括:
数据获取单元301,用于获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
类别划分单元302,用于将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
模板确定单元303,用于对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,其中,所述多个图片模板为多个不同分辨率下显示的所述网页所转换出的图片;
图生成单元304,用于对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
参见图4,其示出了本申请一种生成热力图的装置又一个实施例的组成结构示意图,本实施例的装置与图3实施例所示的装置的不同之处在于所述装置还包括:
集合排序单元305,用于在所述类别划分单元将所述多组页面点击数组划分为至少一个类别集合之后,按照包含的所述页面点击数组的数量从多到少的顺序,对所述至少一个类别集合进行排序;
所述模板确定单元303,包括:
第一模板确定单元3031,用于对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第二模板确定单元3032,用于对于排序不处于所述前指定位的类别集合,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
在另一种可能的实现方式中,所述模板确定单元303,可以包括:
第三模板确定单元,用于如果所述类别集合中的所述页面点击数组的数量不小于预设阈值,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第四模板确定单元,用于如果所述类别集合中所述页面点击数组的数量小于所述预设阈值,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
在模板确定单元包括第一模板确定单元和第二模板确定单元,或者包括第三模板确定单元和第四模板确定单元的基础上,所述图生成单元,包括:
图生成子单元,用于如果所述类别集合对应的图片模板为通用图片模板,则将所述类别集合中所述页面点击数组中的点击坐标转换为所述指定分辨率下的坐标,并依据转换后的坐标,在所述通用图片模板上生成热力图。
可选的,还包括:
模板生成单元,用于在所述获取监控的网页对应的多组页面点击数组之前,获取由多个不同分辨率的浏览器上显示出的所述网页所转换出的图片,得到多个图片,得到多个图片;
模板存储单元,用于将所述多个图片存储为分别与所述多个不同分辨率匹配的多个图片模板。
所述生成热力图的装置包括处理器和存储器,上述数据获取单元、类别划分单元、模板确定单元和图生成单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来提高生成的热力图的精准度。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本申请实施例的装置中,该数据获取单元获取到的监控的网页对应的多组页面点击数组中除了包括用户在浏览器展现出的该网页中的点击坐标之外,还可以该浏览器的分辨率,在类别划分单元将具有相同分辨率的页面点击数组划分为同一个类别集合之后,对于任意一个类别集合,模板确定单元均可以从预置的多个图片模板中,选取与该类别集合对应的分辨率相匹配的图片模板,从而使得选取出的图片模板中的坐标系与采集到的该类别集合中点击坐标的坐标系相匹配,这样,图生成单元依据类别集合中包含的点击坐标,在选取出的图片模板上生成热力图时,可以减少由于坐标系差异而导致生成的热力图出现较大误差的情况,提高了生成的热力图的准确性。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序代码:
获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,其中,所述多个图片模板为多个不同分辨率下显示的所述网页所转换出的图片;
对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种生成热力图的方法,其特征在于,包括:
获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板;所述预置的多个图片模板为通过调整浏览器的分辨率,使浏览器以不同的分辨率分别显示所述网页,将显示的网页转换为图片并保存为相对应的分辨率的图片模板;
对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
2.根据权利要求1所述的方法,其特征在于,在所述将所述多组页面点击数组划分为至少一个类别集合之后,还包括:
按照包含的所述页面点击数组的数量从多到少的顺序,对所述至少一个类别集合进行排序;
所述从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,包括:
对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
对于排序不处于所述前指定位的类别集合,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
3.根据权利要求1所述的方法,其特征在于,所述从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板,包括:
如果所述类别集合中的所述页面点击数组的数量不小于预设阈值,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
如果所述类别集合中所述页面点击数组的数量小于所述预设阈值,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
4.根据权利要求2或3所述的方法,其特征在于,所述依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图,包括:
如果所述类别集合对应的图片模板为通用图片模板,则将所述类别集合中所述页面点击数组中的点击坐标转换为所述指定分辨率下的坐标,并依据转换后的坐标,在所述通用图片模板上生成热力图。
5.根据权利要求1至3任一项所述的方法,其特征在于,在所述获取监控的网页对应的多组页面点击数组之前,还包括:
获取由多个不同分辨率的浏览器上显示出的所述网页所转换出的图片,得到多个图片;
将所述多个图片存储为分别与所述多个不同分辨率匹配的多个图片模板。
6.一种生成热力图的装置,其特征在于,包括:
数据获取单元,用于获取监控的网页对应的多组页面点击数组,所述页面点击数组包括:用户在浏览器展现出的所述网页中的点击坐标以及所述浏览器的分辨率;
类别划分单元,用于将所述多组页面点击数组划分为至少一个类别集合,其中,属于同一个类别集合的页面点击数组中所包含的所述分辨率相同;
模板确定单元,用于对于任意一个所述类别集合,从预置的多个图片模板中,选取与所述类别集合对应的分辨率相匹配的图片模板;所述预置的多个图片模板为通过调整浏览器的分辨率,使浏览器以不同的分辨率分别显示所述网页,将显示的网页转换为图片并保存为相对应的分辨率的图片模板;
图生成单元,用于对于任意一个所述类别集合,依据所述类别集合中包含的所述点击坐标,在与所述类别集合对应的分辨率相匹配的图片模板上生成热力图。
7.根据权利要求6所述的装置,其特征在于,还包括:
集合排序单元,用于在所述类别划分单元将所述多组页面点击数组划分为至少一个类别集合之后,按照包含的所述页面点击数组的数量从多到少的顺序,对所述至少一个类别集合进行排序;
所述模板确定单元,包括:
第一模板确定单元,用于对于排序处于前指定位的类别集合,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第二模板确定单元,用于对于排序不处于所述前指定位的类别集合,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
8.根据权利要求6所述的装置,其特征在于,所述模板确定单元,包括:
第三模板确定单元,用于如果所述类别集合中的所述页面点击数组的数量不小于预设阈值,按照预置的图片模板与分辨率的匹配关系,从预置的多个图片模板中选取出与所述类别集合对应的分辨率相匹配的图片模板;
第四模板确定单元,用于如果所述类别集合中所述页面点击数组的数量小于所述预设阈值,将预置的通用图片模板作为与所述类别集合对应的分辨率相匹配的图片模板,所述通用图片模板为将指定分辨率下显示的所述网页所转换出的图片。
9.根据权利要求7或8所述的装置,其特征在于,所述图生成单元,包括:
图生成子单元,用于如果所述类别集合对应的图片模板为通用图片模板,则将所述类别集合中所述页面点击数组中的点击坐标转换为所述指定分辨率下的坐标,并依据转换后的坐标,在所述通用图片模板上生成热力图。
10.根据权利要求6至8任一项所述的装置,其特征在于,还包括:
模板生成单元,用于在所述获取监控的网页对应的多组页面点击数组之前,获取由多个不同分辨率的浏览器上显示出的所述网页所转换出的图片,得到多个图片,得到多个图片;
模板存储单元,用于将所述多个图片存储为分别与所述多个不同分辨率匹配的多个图片模板。
CN201610991855.4A 2016-11-10 2016-11-10 一种生成热力图的方法及装置 Active CN108073594B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610991855.4A CN108073594B (zh) 2016-11-10 2016-11-10 一种生成热力图的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610991855.4A CN108073594B (zh) 2016-11-10 2016-11-10 一种生成热力图的方法及装置

Publications (2)

Publication Number Publication Date
CN108073594A CN108073594A (zh) 2018-05-25
CN108073594B true CN108073594B (zh) 2021-12-24

Family

ID=62153618

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610991855.4A Active CN108073594B (zh) 2016-11-10 2016-11-10 一种生成热力图的方法及装置

Country Status (1)

Country Link
CN (1) CN108073594B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109859414A (zh) * 2018-12-21 2019-06-07 艾体威尔电子技术(北京)有限公司 一种实现POS机Logo数组编辑生成的方法及系统

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101193008A (zh) * 2007-03-29 2008-06-04 腾讯科技(深圳)有限公司 一种回放用户的网页访问轨迹的方法及系统
CN101777080A (zh) * 2010-03-19 2010-07-14 北京国双科技有限公司 基于用户点击数据的网页分析方法
CN102043850A (zh) * 2010-12-20 2011-05-04 百度在线网络技术(北京)有限公司 生成热力图的方法及设备
CN103605716A (zh) * 2013-11-14 2014-02-26 北京国双科技有限公司 用于网页页面点击展现的数据处理方法和装置
CN104572783A (zh) * 2013-10-29 2015-04-29 深圳市腾讯计算机系统有限公司 网页点击情况的展示方法及装置
CN104731894A (zh) * 2015-03-18 2015-06-24 百度在线网络技术(北京)有限公司 热力图的展现方法及装置
US9361794B1 (en) * 2014-12-04 2016-06-07 Here Global B.V. Method and apparatus for providing a mixed mode traffic map display

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8966389B2 (en) * 2006-09-22 2015-02-24 Limelight Networks, Inc. Visual interface for identifying positions of interest within a sequentially ordered information encoding
CN102955794B (zh) * 2011-08-23 2017-04-12 阿里巴巴集团控股有限公司 一种网页点击情况的显示方法及装置
JP6028351B2 (ja) * 2012-03-16 2016-11-16 ソニー株式会社 制御装置、電子機器、制御方法、及びプログラム
US9167009B2 (en) * 2012-05-08 2015-10-20 International Business Machines Corporation Presenting data to electronic meeting participants
CN104391951B (zh) * 2014-11-27 2017-12-22 北京国双科技有限公司 网页热力图的加载方法和装置
CN105786235A (zh) * 2014-12-26 2016-07-20 联想(北京)有限公司 一种数据处理方法及电子设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101193008A (zh) * 2007-03-29 2008-06-04 腾讯科技(深圳)有限公司 一种回放用户的网页访问轨迹的方法及系统
CN101777080A (zh) * 2010-03-19 2010-07-14 北京国双科技有限公司 基于用户点击数据的网页分析方法
CN102043850A (zh) * 2010-12-20 2011-05-04 百度在线网络技术(北京)有限公司 生成热力图的方法及设备
CN104572783A (zh) * 2013-10-29 2015-04-29 深圳市腾讯计算机系统有限公司 网页点击情况的展示方法及装置
CN103605716A (zh) * 2013-11-14 2014-02-26 北京国双科技有限公司 用于网页页面点击展现的数据处理方法和装置
US9361794B1 (en) * 2014-12-04 2016-06-07 Here Global B.V. Method and apparatus for providing a mixed mode traffic map display
CN104731894A (zh) * 2015-03-18 2015-06-24 百度在线网络技术(北京)有限公司 热力图的展现方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于地理交通信息的快速边绑定算法研究;辛姝悦;《中国优秀硕士学位论文全文数据库 信息科技辑》;20151215;I138-603 *

Also Published As

Publication number Publication date
CN108073594A (zh) 2018-05-25

Similar Documents

Publication Publication Date Title
CN107766349B (zh) 一种生成文本的方法、装置、设备及客户端
CN111428457B (zh) 数据表的自动格式化
CN111752557A (zh) 一种展示方法及装置
CN106649210B (zh) 一种数据转换方法及装置
CN113885935A (zh) 资源打包方法、装置、电子设备及计算机可读存储介质
CN111897660A (zh) 模型部署方法、模型部署装置及终端设备
WO2019018062A1 (en) AUTOMATIC IMAGE ORGANIZATION IN IMAGE GRID LAYOUT
CN108073594B (zh) 一种生成热力图的方法及装置
CN111049735B (zh) 群组头像显示方法、装置、设备及存储介质
CN106649374B (zh) 导航标签排序的方法及装置
CN113591827A (zh) 文本图像的处理方法、装置、电子设备及可读存储介质
CN106886510B (zh) 一种图表显示的方法及装置
CN116185545A (zh) 一种页面渲染的方法及装置
CN115357696A (zh) 基于组件的动态图表看板展示方法及相关设备
CN110968513B (zh) 一种测试脚本的录制方法及装置
CN111079771B (zh) 点读图像的特征提取方法、系统、终端设备及存储介质
CN110019198B (zh) 数据查询方法和装置
CN111597368A (zh) 一种数据处理方法及装置
CN110659372A (zh) 图片录入与访问方法、装置及设备
CN110955854A (zh) 一种热力图生成方法及装置
US20230316604A1 (en) Reuse of infographics
CN111338941B (zh) 信息处理方法和装置、电子设备和存储介质
CN113111713B (zh) 一种图像检测方法、装置、电子设备及存储介质
CN115422916A (zh) 数据访问方法、装置、电子设备、存储介质及程序产品
CN117972820A (zh) Cad图纸的处理方法及装置、电子设备

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

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 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant