热力图生成方法、装置、计算机设备及存储介质制造方法及图纸

技术编号:24091917 阅读:33 留言:0更新日期:2020-05-09 08:27
本申请提出一种热力图生成方法、装置、计算机设备及存储介质,其中,方法包括:获取当前网页的历史路径信息,历史路径信息包括至少一个元素路径;对每个元素路径进行解析,获取与每个元素路径对应的页面元素、页面元素的历史点击位置相对于页面元素的历史参考位置之间的偏移信息,以及与页面元素的偏移信息对应的点击数量;在当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据目标参考位置和偏移信息确定在当前网页中对页面元素的目标点击位置;根据与页面元素的偏移信息对应的点击数量对目标点击位置进行渲染,生成当前网页的热力图。通过本方法,能够提高点击位置还原的准确度,进而提高所生成热力图的精度。

Generation method, device, computer equipment and storage medium of thermodynamic diagram

【技术实现步骤摘要】
热力图生成方法、装置、计算机设备及存储介质
本申请涉及计算机网络
,尤其涉及一种热力图生成方法、装置、计算机设备及存储介质。
技术介绍
热力图是一种网页统计结果的表现形式,能以特殊高亮的形式在网页上突出显示出网页访客热衷的页面区域,直观反映网页点击热度分布。比如,将网页上访客操作最多的区域高亮显示为红色,将访客操作较少的区域高亮显示为蓝色。相关技术中,生成热力图时,先收集网页上鼠标相对于显示窗口的点击坐标以及点击坐标处的点击数量,再根据点击坐标和对应的点击数量渲染得到热力图。然而,当访客浏览网页时的显示窗口与开发者生成热力图时的显示窗口大小不一致时,上述生成热力图的方式无法正常还原访客的点击位置,从而导致生成的热力图无法准确反映出网页的点击热度。
技术实现思路
本申请旨在至少在一定程度上解决相关技术中的技术问题之一。为此,本申请提出一种热力图生成方法、装置、计算机设备及存储介质,用于解决现有技术中存在的无法正常还原访客的点击位置、生成的热力图无法准确反映网页点击热度的技术问题。为达上述目的,本申请第一方面实施例提出了一种热力图生成方法,包括:获取当前网页的历史路径信息,其中,所述历史路径信息包括至少一个元素路径;对每个元素路径进行解析,获取与每个元素路径对应的页面元素、所述页面元素的历史点击位置相对于所述页面元素的历史参考位置之间的偏移信息,以及与所述页面元素的偏移信息对应的点击数量;在所述当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置;根据与所述页面元素的偏移信息对应的点击数量对所述目标点击位置进行渲染,生成所述当前网页的热力图。本申请实施例的热力图生成方法,通过获取当前网页的历史路径信息,其中,历史路径信息包括至少一个元素路径;对每个元素路径进行解析,获取与每个元素路径对应的页面元素、页面元素的历史点击位置相对于页面元素的历史参考位置之间的偏移信息,以及与页面元素的偏移信息对应的点击数量;在当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据目标参考位置和偏移信息确定在当前网页中对页面元素的目标点击位置;根据与页面元素的偏移信息对应的点击数量对目标点击位置进行渲染,生成当前网页的热力图。由此,通过根据页面元素的历史点击位置相对于页面元素的历史参考位置之间的偏移信息,还原出当前网页中对页面元素的目标点击位置,能够准确地确定出访客的历史点击位置在当前网页中的实际点击位置,提高点击位置还原的准确度,进而提高所生成热力图的精度,提高热力图反映网页点击热度的正确率。为达上述目的,本申请第二方面实施例提出了一种热力图生成装置,包括:获取模块,用于获取当前网页的历史路径信息,其中,所述历史路径信息包括至少一个元素路径;解析模块,用于对每个元素路径进行解析,获取与每个元素路径对应的页面元素、所述页面元素的历史点击位置相对于所述页面元素的历史参考位置之间的偏移信息,以及与所述页面元素的偏移信息对应的点击数量;确定模块,用于在所述当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置;渲染模块,用于根据与所述页面元素的偏移信息对应的点击数量对所述目标点击位置进行渲染,生成所述当前网页的热力图。本申请实施例的热力图生成装置,通过获取当前网页的历史路径信息,其中,历史路径信息包括至少一个元素路径;对每个元素路径进行解析,获取与每个元素路径对应的页面元素、页面元素的历史点击位置相对于页面元素的历史参考位置之间的偏移信息,以及与页面元素的偏移信息对应的点击数量;在当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据目标参考位置和偏移信息确定在当前网页中对页面元素的目标点击位置;根据与页面元素的偏移信息对应的点击数量对目标点击位置进行渲染,生成当前网页的热力图。由此,通过根据页面元素的历史点击位置相对于页面元素的历史参考位置之间的偏移信息,还原出当前网页中对页面元素的目标点击位置,能够准确地确定出访客的历史点击位置在当前网页中的实际点击位置,提高点击位置还原的准确度,进而提高所生成热力图的精度,提高热力图反映网页点击热度的正确率。为达上述目的,本申请第三方面实施例提出了一种计算机设备,包括:处理器和存储器;其中,所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序,以用于实现如第一方面实施例所述的热力图生成方法。为达上述目的,本申请第四方面实施例提出了一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面实施例所述的热力图生成方法。为达上述目的,本申请第五方面实施例提出了一种计算机程序产品,当所述计算机程序产品中的指令由处理器执行时,实现如第一方面实施例所述的热力图生成方法。本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。附图说明本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:图1为本申请实施例所提供的一种热力图生成方法的流程示意图;图2为网页的历史路径信息的部分内容示例图图3为生成的热力图的示例图;图4为本申请实施例的另一种热力图生成方法的流程示意图;图5为本申请实施例的又一种热力图生成方法的流程示意图;图6为页面元素及历史点击位置的示例图;图7为本申请实施例的再一种热力图生成方法的流程示意图;图8为本申请实施例所提供的一种热力图生成装置的结构示意图;图9为本申请实施例所提供的另一种热力图生成装置的结构示意图;以及图10为本申请实施例所提供的计算机设备的结构示意图。具体实施方式下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本申请,而不能理解为对本申请的限制。下面参考附图描述本申请实施例的热力图生成方法、装置、计算机设备及存储介质。图1为本申请实施例所提供的一种热力图生成方法的流程示意图。如图1所示,该热力图生成方法可以包括以下步骤:步骤101,获取当前网页的历史路径信息,其中,历史路径信息包括至少一个元素路径。一个网页页面中通常包含至少一个页面元素,其中,页面元素可以是图片、文字、链接等。对于网页中的每一个页面元素,其都有唯一的元素路径与之对应,通过元素路径可以确定出对应的页面元素。本实施例中,在生成网页的热力图时,可以获取当前网页的历史路径信息,其中,历史路径信息中包括至少一个元素路径。应当说明的是,一个网页的历史路径信息中,包括该本文档来自技高网...

【技术保护点】
1.一种热力图生成方法,其特征在于,包括:/n获取当前网页的历史路径信息,其中,所述历史路径信息包括至少一个元素路径;/n对每个元素路径进行解析,获取与每个元素路径对应的页面元素、所述页面元素的历史点击位置相对于所述页面元素的历史参考位置之间的偏移信息,以及与所述页面元素的偏移信息对应的点击数量;/n在所述当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置;/n根据与所述页面元素的偏移信息对应的点击数量对所述目标点击位置进行渲染,生成所述当前网页的热力图。/n

【技术特征摘要】
1.一种热力图生成方法,其特征在于,包括:
获取当前网页的历史路径信息,其中,所述历史路径信息包括至少一个元素路径;
对每个元素路径进行解析,获取与每个元素路径对应的页面元素、所述页面元素的历史点击位置相对于所述页面元素的历史参考位置之间的偏移信息,以及与所述页面元素的偏移信息对应的点击数量;
在所述当前网页确定与每个元素路径对应的页面元素的目标参考位置,根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置;
根据与所述页面元素的偏移信息对应的点击数量对所述目标点击位置进行渲染,生成所述当前网页的热力图。


2.根据权利要求1所述的方法,其特征在于,还包括:
根据与所述页面元素的偏移信息对应的点击数量,获取同一页面元素的总点击数量;
根据所述总点击数量对所述总点击数量对应的页面元素进行渲染,生成所述当前网页的热力图。


3.根据权利要求1所述的方法,其特征在于,所述偏移信息包括所述页面元素的历史点击位置的横坐标值与所述页面元素的历史参考位置的横坐标值的横坐标差值,以及所述页面元素的历史点击位置的纵坐标值与所述页面元素的历史参考位置的纵坐标值的纵坐标差值;
所述根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置,包括:
计算所述目标参考位置的横坐标值与同一元素路径对应的所述横坐标差值的和,作为目标横坐标值;
计算所述目标参考位置的纵坐标值与同一元素路径对应的所述纵坐标差值的和,作为目标纵坐标值;
根据所述目标横坐标值和所述目标纵坐标值,确定每个元素路径在所述当前网页中对所述页面元素的目标点击位置。


4.根据权利要求1所述的方法,其特征在于,所述偏移信息包括所述页面元素的历史点击位置的横坐标值与所述页面元素的历史参考位置的横坐标值的横坐标比值,以及所述页面元素的历史点击位置的纵坐标值与所述页面元素的历史参考位置的纵坐标值的纵坐标比值;
所述根据所述目标参考位置和所述偏移信息确定在所述当前网页中对所述页面元素的目标点击位置,包括:
计算所述目标参考位置的横坐标值与同一元素路径对应的所述横坐标比值的乘积,作为目标横坐标值;
计算所述目标参考位置的纵坐标值与同一元素路径对应的所述纵坐标比值的乘积,作为目标纵坐标值;
根据所述目标横坐标值和所述目标纵坐标值,确定每个元素路径在所述当前网页中对所述页面元素的目标点击位置。


5.根据权利要求1-4任一项所述的方法,其特征在于,在所述生成所述当前网页的热力图之后,还包括:
接...

【专利技术属性】
技术研发人员:罗雯雯叶峻吴明丹宋军珂高春旭
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1