热力图生成方法及装置制造方法
【专利摘要】本发明公开了一种热力图生成方法及装置。该热力图生成方法包括：确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域；分别检测多个显示页面的显示停留时长；以及根据多个显示页面的显示停留时长生成与网页对应的热力图。通过本发明，使得热力图可以表现用户在不同网页区域的阅读停留时长，从而可以更加全面、充分地反映用户的网页阅读行为。
【专利说明】热力图生成方法及装置
【技术领域】
[0001]本发明涉及网页数据统计领域，具体而言，涉及一种热力图生成方法及装置。
【背景技术】
[0002]随着互联网的发展、网民数量的增加以及上网方式的多样化与简易化，更多的网站主开始关注网民在自己网站上的行为，来改善网站的设计和帮助内容的优化，以此衍生出来的网站分析行业备受关注。因此，将用户在网站上的行为进行可视化的呈现也是必不可少的一个环节。其中，热力图是一种较为直观的展示用户在页面行为的展示方式。现有的热力图绘制方法是根据服务器接收到的包含用户点击行为(记录用户在网页上点击处的横纵坐标的数值)的信息。通过将点击次数较多的位置用亮色突出，而点击次数较少的位置用暗色淡化的方式来反应用户在网站上的点击行为。通过不同位置的颜色深浅不同来反应网民在网页上更关注的点是目前普遍的热力图绘制逻辑。
[0003]现有的这种热力图绘制逻辑其实是基于一种假设之上，即用户在页面上的点击行为代表了用户在页面上的所有行为。但其实用户在页面上除了可以点击，还可以有其他众多的行为，比如用户可能在网页上进行大量的阅读，停留很长时间，但期间只发生很少的点击更甚者没有点击任何地方，只通过滑动鼠标中间的滚轴键来控制页面屏幕的下滑。类似于这样的行为，现有的热力图绘制逻辑无法实现，只能片面的表现用户的点击行为，不能准确地反映用户的停留阅读行为。
[0004]针对相关技术中热力图不能展现用户的停留阅读行为，从而不能充分展现用户网页行为的问题，目前尚未提出有效的解决方案。
【发明内容】
[0005]针对现有的热力图不能展现用户的停留阅读行为，从而不能充分展现用户网页行为的问题而提出本发明，为此，本发明的主要目的在于提供一种用于热力图的数据处理方法及装置，以解决上述问题。
[0006]为了实现上述目的，根据本发明的一个方面，提供了一种热力图生成方法。该方法包括:确定网页上的多个显示页面,其中，多个显示页面分别为网页上不同时刻显示的页面区域；分别检测多个显示页面的显示停留时长；以及根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0007]进一步地，确定网页上的多个显示页面包括:在网页加载脚本文件代码；通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化；以及如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面。
[0008]进一步地，分别检测多个显示页面的显示停留时长包括:如果滚轴的位置发生变化，则获取滚轴位置发生变化时的时间；以及根据滚轴此次位置发生变化时的时间和滚轴上次位置发生变化的时间，获取滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0009]进一步地，根据多个显示页面的显示停留时长生成与网页对应的热力图包括:通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；如果滚轴的位置发生变化，则在滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比；将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面；以及根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线密度。
[0010]进一步地，如果滚轴的位置发生变化，则在滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线包括:在网页上建立坐标系，其中，坐标系只包含纵坐标并且最小单位是I个像素；以及如果滚轴的位置发生变化，则在坐标系中的滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0011]进一步地，如果滚轴的位置发生变化，则在坐标系中的滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线包括:确定标准横线密度，其中，标准横线密度是预先设定的每单位停留时间、单位距离下的横线的密度；如果滚轴的位置发生变化，则按照标准横线密度计算对应滚轴的位置发生变化前显示的显示页面的横线密度；以及根据滚轴的位置发生变化前显示的显示页面的横线密度，在坐标系中的滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线。
[0012]为了实现上述目的，根据本发明的另一方面，提供了一种用于热力图生成装置，该装置包括:确定单元，用于确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域；检测单元，用于分别检测多个显示页面的显示停留时长；以及获取单元，用于根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0013]进一步地，确定单元包括:加载模块，用于在网页加载脚本文件代码；判断模块，用于通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化；以及第一获取模块，用于如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面。
[0014]进一步地，检测单元包括:第二获取模块，用于在滚轴的位置发生变化时，获取滚轴位置发生变化时的时间；以及第三获取模块，用于根据滚轴此次位置发生变化时的时间和滚轴上次位置发生变化的时间，获取滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0015]进一步地，获取单元包括:判断模块，用于通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；创建模块，用于在滚轴的位置发生变化时，在滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比；第四获取模块，用于将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面；以及第五获取模块，用于根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线山/又ο
[0016]进一步地，创建模块包括:第一创建子模块，用于在网页上建立坐标系，其中，坐标系只包含纵坐标并且最小单位是I个像素；以及第二创建子模块，用于在坐标系中的滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0017]进一步地，第二创建子模块包括:确定子模块，用于确定标准横线密度，其中，标准横线密度是预先设定的每单位停留时间、单位距离下的横线的密度；计算子模块，用于按照标准横线密度计算对应滚轴的位置发生变化前显示的显示页面的横线密度；以及第三创建子模块，用于根据滚轴的位置发生变化前显示的显示页面的横线密度，在坐标系中的滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线。
[0018]通过本发明，采用包括以下步骤的方法:确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域；分别检测多个显示页面的显示停留时长；以及根据多个显示页面的显示停留时长生成与网页对应的热力图，解决了热力图不能展现用户的停留阅读行为，从而不能充分展现用户网页行为的问题，进而达到了通过热力图展现用户的停留阅读行为、充分展现用户网页阅读行为的效果。
【专利附图】
【附图说明】
[0019]构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中:
[0020]图1是根据本发明的热力图生成方法的第一实施例的流程图；
[0021]图2是根据本发明的热力图生成方法的第二实施例的流程图；
[0022]图3是根据本发明的热力图生成方法的第三实施例的流程图；
[0023]图4是根据本发明的热力图生成方法的第四实施例的流程图；
[0024]图5(a)和图5(b)是根据本发明的热力图生成方法的优选实施例的流程图；
[0025]图6是根据本发明的热力图生成装置的第一实施例的结构框图；
[0026]图7是根据本发明的热力图生成装置的第二实施例的结构框图；以及
[0027]图8是根据本发明的热力图生成装置的第三实施例的结构框图。
【具体实施方式】
[0028]需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
[0029]图1是根据本发明的热力图生成方法的第一实施例的流程图。如图1所示，该方法包括如下步骤:
[0030]步骤S102，确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域。
[0031]用户进行网页浏览时，通过滚动鼠标的滚轴来改变浏览的页面。用户完全阅读整个网页，需要滚轴滚动数次，每滚动一次滚轴该网页所显示的页面就是该步骤中所述的一个显示页面(即用户可以读到该网页内容的页面部分)。例如，用户使用的网络终端是手机，则一个显示页面就是手机屏幕静态时展现的页面。因此，整个网页的阅读过程中会出现多个显示页面，并且每个显示页面出现的时刻不同。
[0032]可选地，在一些智能设备中，用户可通过滑动一次屏幕来更改显示页面。因此，本方法不仅限于通过滚动滚轴来改变显示的页面。
[0033]步骤S104，分别检测多个显示页面的显示停留时长。
[0034]显示页面的显示停留时长是指用户停留在每个显示页面的时间长度。显示停留时长越长，代表用户对该页面感兴趣的程度越强。这里忽略用户停留在某一显示页面而不阅读该页面内容的情况。
[0035]步骤S106，根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0036]热力图通常是将表现给用户的内容以颜色的深浅进行标识，从而更加直观地呈现给用户。在该方法中，将多个显示页面的显示停留时长用颜色深浅进行区分，生成与整个网页对应的热力图。例如，对于显示停留时长越长的页面，在热力图上对应的颜色越深。显示停留时长与热力图中颜色的对应关系不仅限于例子中所述。
[0037]该实施例由于采取了以下步骤:确定网页上的多个显示页面；分别检测多个显示页面的显示停留时长；根据多个显示页面的显示停留时长生成与网页对应的热力图，使得通过热力图可以表现用户在不同网页区域的阅读停留时长，从而可以更加全面、充分地反映用户的网页阅读行为。
[0038]图2是根据本发明的热力图生成方法的第二实施例的流程图。该实施例可以作为图1所示实施例的一种优选实施方式，如图2所示，该热力图生成方法包括:
[0039]步骤S201，在网页加载脚本文件代码。
[0040]脚本文件类似于DOS操作系统中的批处理文件，它可以将不同的命令组合起来，并按确定的顺序自动连续地执行。脚本程序相对一般程序开发来说比较接近自然语言，可以不经编译而是解释执行。
[0041]脚本语言种类较多，一般的脚本语言的执行只同具体的解释执行器有关，所以只要系统上有相应语言的解释程序就可以做到跨平台。优选地，在该方法中可使用javascript,通过在网站中添加javascript代码来监测用户的网页行为。
[0042]步骤S202，通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化。
[0043]滚轴位置的变化代表了用户阅读的页面发生了变化，因此有必要通过脚本文件代码监测网页的滚轴的位置，从而监测不同滚轴位置对应的显示页面。
[0044]步骤S204，如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面。
[0045]当滚轴滚动到一个新的位置，则显示给用户一个新的显示页面，需确定该显示页面，以便于针对该页面记录显示停留时长。
[0046]步骤S206，分别检测多个显示页面的显示停留时长。
[0047]该步骤等同于步骤S104，这里不再赘述。
[0048]步骤S207，根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0049]该步骤等同于步骤S106，这里不再赘述。
[0050]在该实施例中，给出了热力图生成方法的具体步骤:在网页加载脚本文件代码；通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化；如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面；分别检测多个显示页面的显示停留时长；根据多个显示页面的显示停留时长生成与网页对应的热力图。通过以上步骤，可以动态获取每个显示页面的显示停留时长，从而更加高效地生成对应整个网页的热力图。
[0051]图3是根据本发明的热力图生成方法的第三实施例的流程图。该实施例可以作为图2所示实施例的一种优选实施方式，如图3所示，该热力图生成方法包括:
[0052]步骤S301，在网页加载脚本文件代码。
[0053]该步骤等同于步骤S201，这里不再赘述。
[0054]步骤S302，通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化。
[0055]该步骤等同于步骤S202，这里不再赘述。
[0056]步骤S303，如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面。
[0057]该步骤等同于步骤S204，这里不再赘述。
[0058]步骤S305，如果滚轴的位置发生变化，则获取滚轴位置发生变化时的时间。
[0059]滚轴位置发生变化的时间即上一个显示页面最终停留到的时间点。
[0060]步骤S306，根据滚轴此次位置发生变化时的时间和滚轴上次位置发生变化的时间，获取滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0061]滚轴此次位置发生变化时的时间与滚轴上次位置发生变化的时间的差值，即为滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0062]步骤S307，根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0063]该步骤等同于步骤S106，这里不再赘述。
[0064]在该实施例中，给出了热力图生成方法的具体步骤:在网页加载脚本文件代码；通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化；如果滚轴的位置发生变化，则获取滚轴的位置对应的显示页面；通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；如果滚轴的位置发生变化，则获取滚轴位置发生变化时的时间；根据滚轴此次位置发生变化时的时间和滚轴上次位置发生变化的时间，获取滚轴此次位置发生变化前显示的显示页面的显示停留时长；根据多个显示页面的显示停留时长生成与网页对应的热力图。通过以上步骤，可动态读取不同显示页面的显示停留时长，对于高效地生成热力图十分有利。
[0065]图4是根据本发明的热力图生成方法的第四实施例的流程图。该实施例可以作为图1所示实施例的一种优选实施方式，如图4所示，该热力图生成方法包括:
[0066]步骤S401，确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域。
[0067]该步骤等同于步骤S102，这里不再赘述。
[0068]步骤S402，分别检测多个显示页面的显示停留时长。
[0069]该步骤等同于步骤S104，这里不再赘述。
[0070]步骤S403，通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化。
[0071]该步骤等同于步骤S202，这里不再赘述。
[0072]步骤S404，如果滚轴的位置发生变化，则在滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0073]每监测出一个显示页面的显示停留时长，则针对该显示页面创建多条均匀间隔的横线。由于每个显示页面的显示停留时长不同，因此各显示页面的横线密度也不同。
[0074]步骤S405，将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面。
[0075]由于不同的滚轴位置所对应的显示页面之间会存在部分页面的重叠，同时，不同的用户在同一显示页面的停留时长不同，因此，为了准确反映用户的网页阅读行为，需要将大量的显示页面的显示停留时长按照横线的密度进行叠加，从而得到每个显示页面接近真实的显示停留时长(表现为横线的密度)。
[0076]步骤S406，根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线密度。
[0077]这里，横线的密度通过使用不同的颜色加以区别，从而生成能表现用户不同阅读停留时长的热力图。
[0078]在该实施例中，给出了热力图生成方法的具体步骤:确定网页上的多个显示页面；分别检测多个显示页面的显示停留时长；通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；如果滚轴的位置发生变化，则在滚轴的位置发生变化前显示的显示页面创建多条横线；将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面；根据不同间隔的横线，生成与网页对应的热力图。利用以上步骤对大量的不同密度的横线进行叠加，相对更加真实地展示用户的阅读停留时长，从而通过热力图可以反映用户对于该网页不同区域的阅读热度。
[0079]下面是根据本发明的热力图生成方法的第五实施例的流程图。该实施例可以作为图4所示实施例的一种优选实施方式。该热力图生成方法包括:
[0080]确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域。
[0081]该步骤等同于步骤S102，这里不再赘述。
[0082]分别检测多个显示页面的显示停留时长。
[0083]该步骤等同于步骤S104，这里不再赘述。
[0084]通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化。
[0085]该步骤等同于步骤S403，这里不再赘述。
[0086]在网页上建立坐标系，其中，坐标系只包含纵坐标并且最小单位是I个像素。
[0087]需要注意的是，由于我们只考察滚轴在纵向的滚动位置，从而确定其对应的页面区域，因此只需建立只含纵坐标的坐标系即可。
[0088]如果滚轴的位置发生变化，则在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0089]每当监测到滚轴位置发生变化，则代表上个显示页面的停留已经结束，这时需在刚刚结束的显示页面上根据其显示停留时长创建多条均匀间隔的横线。同时，横线的密度与该显示页面的显示停留时长成正比，即显示停留时长越长，横线的密度越大。
[0090]将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面。
[0091]该步骤等同于步骤S405，这里不再赘述。
[0092]根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线密度。
[0093]该步骤等同于步骤S406，这里不再赘述。
[0094]在该实施例中，给出了热力图生成方法的具体步骤:确定网页上的多个显示页面；分别检测多个显示页面的显示停留时长；通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；在网页上建立坐标系；如果滚轴的位置发生变化，则在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线；将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面；根据不同间隔的横线，生成与网页对应的热力图。利用以上步骤可以动态地创建对应每一个显示页面的均匀间隔的横线，从而有利于高效、精确地生成热力图。
[0095]下面是根据本发明的热力图生成方法的第六实施例的流程图。该实施例可以作为本方法第五实施例的一种优选实施方式。该热力图生成方法包括:
[0096]确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域。
[0097]该步骤等同于步骤S102，这里不再赘述。
[0098]分别检测多个显示页面的显示停留时长。
[0099]该步骤等同于步骤S104，这里不再赘述。
[0100]通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化。
[0101]该步骤等同于步骤S403，这里不再赘述。
[0102]在网页上建立坐标系，其中，坐标系只包含纵坐标并且最小单位是I个像素。
[0103]该步骤与第五实施例中所述相同，这里不再赘述。
[0104]确定标准横线密度，其中，标准横线密度是预先设定的每单位停留时间、单位距离下的横线的密度。
[0105]标准横线密度是预先设定的一个参考密度值，比如，标准横线密度为100/s/cm，即停留时间为ls，纵向Icm的长度内创建100条均匀间隔的横线。
[0106]如果滚轴的位置发生变化，则按照标准横线密度计算对应滚轴的位置发生变化前显示的显示页面的横线密度。
[0107]例如，标准横线密度为100/s/cm，滚轴的位置发生变化前显示的显示页面的显示停留时长为10s，纵向长度为10cm，则该显示页面的应该创建10000条均匀间隔的横线。
[0108]根据滚轴的位置发生变化前显示的显示页面的横线密度，在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线。
[0109]如上一步骤中举例所述，则应该在滚轴的位置发生变化前显示的显示页面的坐标系中建立10000条均匀间隔的横线。
[0110]将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面。
[0111]该步骤等同于步骤S405，这里不再赘述。
[0112]根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线密度。
[0113]该步骤等同于步骤S406，这里不再赘述。
[0114]在该实施例中，给出了热力图生成方法的具体步骤:确定网页上的多个显示页面；分别检测多个显示页面的显示停留时长；通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化；在网页上建立坐标系；确定标准横线密度；如果滚轴的位置发生变化，则按照标准横线密度计算对应滚轴的位置发生变化前显示的显示页面的横线密度；根据滚轴的位置发生变化前显示的显示页面的横线密度，在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线；将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面；根据不同间隔的横线，生成与网页对应的热力图。在以上步骤中，可以通过横线的密度来充分代替相应显示页面的显示停留时长，从而使问题的阐述更加的直观，便于利用颜色深浅来体现不同网页区域的阅读热度。
[0115]图5是根据本发明的热力图生成方法的优选实施例的流程图。图5(a)是监测脚本运行的流程图，图5(b)是热力图生成的流程图。具体如下所述:
[0116]一、监测部分:
[0117]预先被监测的网站植入javascript代码，网站打开时，启动该javascript脚本，执行相关监测与信息返回功能将每次滚轴移动之后的滚轴相对位置和移动的时间点返回给服务器，服务器通过计算两次时间点的差值确定滚轴在上一个位置的停留时长。
[0118]二、热力图生成部分:
[0119]由滚轴的每个相对位置确认对应的每个页面板块位置，再通过滚轴在每个位置的停留时长确定用户在每个页面板块的停留时长。将停留时长转化成图片上横线的疏密度并将页面的所有板块进行叠加(疏密度也叠加)。最后将页面整体的横线疏密度转化成颜色由深到浅的热力图。
[0120]监测脚本的运行流程如图5 (a)所示，具体为:
[0121]1.在被监测页面预先植入一段javascript代码。
[0122]2.当打开页面时，页面上的javascript脚本开始执行，将初始的滚轴位置和时间通过request请求发送给服务器。
[0123]3.Javascript代码监测滚轴的相对位置是否发生变动，即用户是否滑动滚轴,若判断为是，则将新的滚轴相对位置和当前的时间以request请求的形式发送给服务器。
[0124]热力图生成的运行流程如图5(b)所示，具体为:
[0125]1.由每次服务器收到的带有滚轴相对位置的信息确认对应的每个页面板块的位置，即通过滚轴位置确定用户浏览的内容在整个页面的位置。
[0126]2.通过相邻两次时间相减得到用户在上一个浏览的页面位置上所停留的时长。
[0127]3.将用户在每个板块停留的时长用不同密度的横线表示，同时用密度叠加的方式表现停留时长的置加。
[0128]4.得到的整个页面被从上到下被密度不等的大量横线所覆盖。
[0129]5.将这些带有密度不等的横线的网页图片转化成热力图:热力图颜色由浅到深对应横线密度的由疏到密。
[0130]由于该优选实施例获取的热力图，可以表现用户在不同网页区域的阅读停留时长，从而可以更加全面、充分地反映用户的网页阅读行为。
[0131]图6是根据本发明的热力图生成装置的第一实施例的结构框图。如图6所示，该装置结构包括:
[0132]确定单元22，用于确定网页上的多个显示页面，其中，多个显示页面分别为网页上不同时刻显示的页面区域。
[0133]用户进行网页浏览时，通过滚动鼠标的滚轴来改变浏览的页面。用户完全阅读整个网页，需要滚轴滚动数次，每滚动一次滚轴该网页所显示的页面就是该步骤中所述的一个显示页面(即用户可以读到该网页内容的页面部分)。例如，用户使用的网络终端是手机，则一个显示页面就是手机屏幕静态时展现的页面。因此，整个网页的阅读过程中会出现多个显示页面，并且每个显示页面出现的时刻不同。
[0134]可选地，在一些智能设备中，用户可通过滑动一次屏幕来更改显示页面。因此，本单元不仅限于通过滚动滚轴来改变显示的页面。
[0135]检测单元24，用于分别检测多个显示页面的显示停留时长。
[0136]显示页面的显示停留时长是指用户停留在每个显示页面的时间长度。显示停留时长越长，代表用户对该页面感兴趣的程度越强。这里忽略用户停留在某一显示页面而不阅读该页面内容的情况。
[0137]获取单元26，用于根据多个显示页面的显示停留时长生成与网页对应的热力图。
[0138]热力图通常是将表现给用户的内容以颜色的深浅进行标识，从而更加直观地呈现给用户。该单元可以将多个显示页面的显示停留时长用颜色深浅进行区分，生成与整个网页对应的热力图。例如，对于显示停留时长越长的页面，在热力图上对应的颜色越深。显示停留时长与热力图中颜色的对应关系不仅限于例子中所述。
[0139]本实施例提供的热力图生成装置包括:确定单元22、检测单元24和获取单元26。该装置使得生成的热力图可以表现用户在不同网页区域的停留时长，从而更加全面、充分地反映用户的网页阅读行为。
[0140]图7是根据本发明的热力图生成装置的第二实施例的结构框图。该实施例可以作为图6所示实施例的一种优选实施方式。如图7所示，该热力图生成装置包括:
[0141]确定单元22、检测单元24和获取单元26，其中，检测单元24和获取单元26和图6中所述相同，这里不再赘述。确定单元22还可以包括:
[0142]加载模块32，用于在网页加载脚本文件代码。
[0143]脚本文件类似于DOS操作系统中的批处理文件，它可以将不同的命令组合起来，并按确定的顺序自动连续地执行。脚本程序相对一般程序开发来说比较接近自然语言，可以不经编译而是解释执行。
[0144]脚本语言种类较多，一般的脚本语言的执行只同具体的解释执行器有关，所以只要系统上有相应语言的解释程序就可以做到跨平台。优选地，在该装置中可使用javascript,通过在网站中添加javascript代码来监测用户的网页行为。
[0145]判断模块34，用于通过脚本文件代码监测网页的滚轴的位置，判断滚轴的位置是否发生变化。
[0146]滚轴位置的变化代表了用户阅读的页面发生了变化，因此有必要通过脚本文件代码监测网页的滚轴的位置，从而监测不同滚轴位置对应的显示页面。
[0147]第一获取模块36，用于在滚轴的位置发生变化时，获取滚轴的位置对应的显示页面。
[0148]当滚轴滚动到一个新的位置，则显示给用户一个新的显示页面，需通过第一获取模块36确定该显示页面，以便于针对该页面记录显示停留时长。
[0149]本实施例提供了确定单元22可包含的模块，包括:加载模块32、判断模块34和第一获取模块36。通过该装置，可以动态获取每个显示页面的显示停留时长，从而更加高效地生成对应整个网页的热力图。
[0150]图8是根据本发明的热力图生成装置的第三实施例的结构框图。该实施例可以作为图7所示实施例的一种优选实施方式。如图8所示，该热力图生成装置包括:
[0151]确定单元22、检测单元24和获取单元26，其中，确定单元22和获取单元26与图7中所述相同，这里不再赘述。检测单元24还可以包括:
[0152]第二获取模块44，用于在滚轴的位置发生变化时，获取滚轴位置发生变化时的时间。
[0153]滚轴位置发生变化的时间即上一个显示页面最终停留到的时间点。
[0154]第三获取模块46，用于根据滚轴此次位置发生变化时的时间和滚轴上次位置发生变化的时间，获取滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0155]滚轴此次位置发生变化时的时间与滚轴上次位置发生变化的时间的差值，即为滚轴此次位置发生变化前显示的显示页面的显示停留时长。
[0156]本实施例提供了检测单元24可包含的模块，包括:第二获取模块44和第三获取模块46。该装置可动态读取不同显示页面的显示停留时长，对于高效地生成热力图十分有利。
[0157]下面给出的是根据本发明的热力图生成装置的第四实施例。该实施例可以作为图6所示实施例的一种优选实施方式。该热力图生成装置包括:
[0158]确定单元22、检测单元24和获取单元26，其中，确定单元22和检测单元24与图7中所述相同，这里不再赘述。获取单元26还可以包括:
[0159]判断模块，用于通过脚本文件代码监测滚轴的位置，判断滚轴的位置是否发生变化。
[0160]等同于模块34，这里不再赘述。
[0161]创建模块，用于在滚轴的位置发生变化时，在滚轴的位置发生变化前显示的显示页面创建多条横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0162]每监测出一个显示页面的显示停留时长，则创建模块针对该显示页面创建多条均匀间隔的横线。由于每个显示页面的显示停留时长不同，因此各显示页面的横线密度也不同。
[0163]第四获取模块，用于将多个显示页面的显示停留时长按照横线的密度进行叠加，获取布满不同间隔的横线的页面。
[0164]由于不同的滚轴位置所对应的显示页面之间会存在部分页面的重叠，同时,不同的用户在同一显示页面的停留时长不同，因此，为了准确反映用户的网页阅读行为，第四获取模块需要将大量的显示页面的显示停留时长按照横线的密度进行叠加，从而得到每个显示页面接近真实的显示停留时长(表现为横线的密度)。
[0165]第五获取模块，用于根据不同间隔的横线，生成与网页对应的热力图，其中，热力图使用颜色标识出不同的横线密度。
[0166]这里，横线的密度通过使用不同的颜色加以区别，利用第五获取模块生成能表现用户不同阅读停留时长的热力图。
[0167]本实施例提供了获取单元26还可包含的模块，包括:判断模块、创建模块、第四获取模块和第五获取模块。通过该装置对大量的不同密度的横线进行叠加，相对更加真实地展示用户的阅读停留时长，从而通过生成的热力图反映用户对于该网页不同区域的阅读热度。
[0168]下面给出的是根据本发明的热力图生成装置的第五实施例。该实施例可以作为第四实施例的一种优选实施方式。该热力图生成装置包括:
[0169]确定单元22、检测单元24和获取单元26，其中，获取单元26还包括判断模块、创建模块、第四获取模块和第五获取模块，除创建模块之外，其他单元和模块与图根据本发明的热力图生成装置的第四实施例中所述相同，这里不再赘述。创建模块还可以包括:
[0170]第一创建子模块，用于在网页上建立坐标系，其中，坐标系只包含纵坐标并且最小单位是I个像素。
[0171]需要注意的是，由于我们只考察滚轴在纵向的滚动位置，从而确定其对应的页面区域，因此只需第一创建子模块建立只含纵坐标的坐标系即可。
[0172]第二创建子模块，用于在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线，其中，横线的密度与滚轴的位置发生变化前显示的显示页面的停留时长成正比。
[0173]每当监测到滚轴位置发生变化，则代表上个显示页面的停留已经结束，这时需利用第二创建子模块在刚刚结束的显示页面上根据其显示停留时长创建多条均匀间隔的横线。同时，横线的密度与该显示页面的显示停留时长成正比，即显示停留时长越长，横线的密度越大。
[0174]本实施例提供了创建模块还可包含的子模块:第一创建子模块和第二创建子模块。通过该装置可以动态地创建对应每一个显示页面的均匀间隔的横线，从而有利于高效、精确地生成热力图。
[0175]下面给出的是根据本发明的热力图生成装置的第六实施例。该实施例可以作为第五实施例的一种优选实施方式。该热力图生成装置包括:
[0176]确定单元22、检测单元24和获取单元26，其中，获取单元26还包括判断模块、创建模块、第四获取模块和第五获取模块，创建模块包括第一创建子模块和第二创建子模块。其中，除第二创建子模块之外其他单元与模块和第五实施例中所述相同。第二创建子模块还可以包括:
[0177]确定子模块，用于确定标准横线密度，其中，标准横线密度是预先设定的每单位停留时间、单位距离下的横线的密度。
[0178]标准横线密度是预先设定的一个参考密度值，比如，标准横线密度为100/s/cm，即停留时间为ls，纵向Icm的长度内创建100条均匀间隔的横线。
[0179]计算子模块，用于按照标准横线密度计算对应滚轴的位置发生变化前显示的显示页面的横线密度。
[0180]例如，标准横线密度为100/s/cm，滚轴的位置发生变化前显示的显示页面的显示停留时长为10s，纵向长度为10cm，则计算子模块可对应计算出该显示页面应该创建10000条均匀间隔的横线。
[0181]第三创建子模块，用于根据滚轴的位置发生变化前显示的显示页面的横线密度，在坐标系中的滚轴的位置发生变化前显示的显示页面创建均匀间隔的多条横线。
[0182]如果确定子模块确定标准横线密度为100/s/cm，则第三创建子模块将在滚轴的位置发生变化前显示的显示页面的坐标系中建立10000条均匀间隔的横线。
[0183]本实施例提供了第二创建子模块还可包含的子模块:确定子模块、计算子模块和第三创建子模块。通过该装置中的计算子模块，可使横线的密度能充分代替相应显示页面的显示停留时长，从而使问题的阐述更加的直观，有利于第五获取模块通过颜色深浅来体现不同网页区域的阅读热度。
[0184]显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
[0185]以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种热力图生成方法，其特征在于，包括: 确定网页上的多个显示页面，其中，所述多个显示页面分别为所述网页上不同时刻显示的页面区域； 分别检测所述多个显示页面的显示停留时长；以及 根据所述多个显示页面的显示停留时长生成与所述网页对应的热力图。
2.根据权利要求1所述的方法，其特征在于，确定所述网页上的多个显示页面包括: 在所述网页加载脚本文件代码； 通过所述脚本文件代码监测所述网页的滚轴的位置，判断所述滚轴的位置是否发生变化；以及 如果所述滚轴的位置发生变化，则获取所述滚轴的位置对应的显示页面。
3.根据权利要求2所述的方法，其特征在于，分别检测所述多个显示页面的显示停留时长包括: 如果所述滚轴的位置发生变化，则获取所述滚轴位置发生变化时的时间；以及根据所述滚轴此次位置发生变化时的时间和所述滚轴上次位置发生变化的时间，获取所述滚轴此次位置发生变化前显示的显示页面的显示停留时长。
4.根据权利要求1所述的方法，其特征在于，根据所述多个显示页面的显示停留时长生成与所述网页对应的热力图包括: 通过脚本文件代码监测所述滚轴的位置，判断所述网页的滚轴的位置是否发生变化；如果所述滚轴的位置发生变化，则在所述滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，所述横线的密度与所述滚轴的位置发生变化前显示的显示页面的停留时长成正比； 将所述多个显示页面的显示停留时长按照所述横线的密度进行叠加，获取布满不同间隔的横线的所述页面；以及 根据所述不同间隔的横线，生成与所述网页对应的热力图，其中，所述热力图使用颜色标识出不同的横线密度。
5.根据权利要求4所述的方法，其特征在于，如果所述滚轴的位置发生变化，则在所述滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线包括: 在所述网页上建立坐标系，其中，所述坐标系只包含纵坐标并且最小单位是I个像素；以及 如果所述滚轴的位置发生变化，则在所述坐标系中的所述滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，所述横线的密度与所述滚轴的位置发生变化前显示的显示页面的停留时长成正比。
6.一种热力图生成装置，其特征在于，包括: 确定单元，用于确定网页上的多个显示页面，其中，所述多个显示页面分别为所述网页上不同时刻显示的页面区域； 检测单元，用于分别检测所述多个显示页面的显示停留时长；以及 获取单元，用于根据所述多个显示页面的显示停留时长生成与所述网页对应的热力图。
7.根据权利要求6所述的装置，其特征在于，所述确定单元包括: 加载模块，用于在所述网页加载脚本文件代码； 判断模块，用于通过所述脚本文件代码监测所述网页的滚轴的位置，判断所述滚轴的位置是否发生变化；以及 第一获取模块，用于在所述滚轴的位置发生变化时，获取所述滚轴的位置对应的显示页面。
8.根据权利要求7所述的装置，其特征在于，所述检测单元包括: 第二获取模块，用于在所述滚轴的位置发生变化时，获取所述滚轴位置发生变化时的时间；以及 第三获取模块，用于根据所述滚轴此次位置发生变化时的时间和所述滚轴上次位置发生变化的时间，获取所述滚轴此次位置发生变化前显示的显示页面的显示停留时长。
9.根据权利要求6所述的装置，其特征在于，所述获取单元包括: 判断模块，用于通过脚本文件代码监测所述滚轴的位置，判断所述网页的滚轴的位置是否发生变化； 创建模块，用于在所述滚轴的位置发生变化时，在所述滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，所述横线的密度与所述滚轴的位置发生变化前显示的显示页面的停留时长成正比； 第四获取模块，用于将所述多个显示页面的显示停留时长按照所述横线的密度进行叠力口，获取布满不同间隔的横线的所述页面；以及 第五获取模块，用于根据所述不同间隔的横线，生成与所述网页对应的热力图，其中，所述热力图使用颜色标识出不同的横线密度。
10.根据权利要求9所述的装置，其特征在于，所述创建模块包括: 第一创建子模块，用于在所述网页上建立坐标系，其中，所述坐标系只包含纵坐标并且最小单位是I个像素；以及 第二创建子模块，用于在所述滚轴位置发生变化时，在所述坐标系中的所述滚轴的位置发生变化前显示的显示页面创建多条均匀间隔的横线，其中，所述横线的密度与所述滚轴的位置发生变化前显示的显示页面的停留时长成正比。
【文档编号】G06F9/44GK104239042SQ201410447380
【公开日】2014年12月24日 申请日期:2014年9月3日 优先权日:2014年9月3日
【发明者】钦滨杰, 陈俊宏 申请人:北京国双科技有限公司