展现滚动深度数据的方法及装置制造方法及图纸

本申请公开一种展现滚动深度数据的方法及装置，该方法包括：从服务器获取页面的滚动深度数据；对所述滚动深度数据进行细化，得到所述页面中每一坐标点的滚动深度数据；根据细化后的滚动深度数据进行热图绘制；对绘图参数进行调整之后，根据调整后的绘图参数再进行热图绘制。通过对页面中滚动深度数据进行细化处理，可以在调整绘图参数之后无需再重新请求获取滚动深度数据即可进行相应的热图绘制，从而可以减少网络请求的次数，加大进行热图绘制的速度，提高数据呈现的效率，还可以减少用户等待的时间，提升用户体验。

【技术实现步骤摘要】
展现滚动深度数据的方法及装置
本公开总体涉及数据管理
，具体而言，涉及一种展现滚动深度数据的方法及装置。
技术介绍
用户滚动深度(ScrollDepth)指用户访问一个页面时向下滚动的页面距离，比如，向下滚动20％，50％还是100％，滚动深度数据是用户行为分析的重要参考之一。滚动深度数据只有科学地清晰地展现，才能帮助相关人员对用户的页面滚动习惯进行分析，以对页面高度进行合理地调整。图1示出现有技术中对用户滚动深度数据进行展现的方法的步骤流程图，包括如下步骤：步骤S01：页面(也就是客户端浏览器)分别向服务器请求绘图数据和相关计算数据。步骤S02：利用已获取的绘图数据进行页面渲染，并对相关计算数据进行展现。步骤S03：完成展现后将获得的绘图数据和相关计算数据进行销毁，以便能够释放内存资源。步骤S04：当对相关计算数据的相关参数进行调整之后，还需重复步骤S01～S03对调整后获取的数据进行展现。可见，现有技术中没能有效地利用客户端(主要指浏览器)的运算能力，所有计算由服务端完成，每当对计算相关的参数进行调整时，都需向服务端进行请求数据，网络请求耗时较多，降低用户友好度。因此，需要一种新的展现滚动深度数据的方法及装置。在所述
技术介绍
部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本公开提供一种展现滚动深度数据的方法及装置，以解决现有技术中每次调整相关计算数据的参数都需要再次向服务器请求数据导致网络请求耗时较多的技术问题。本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。根据本公开的一个方面，提供一种展现滚动深度数据的方法，包括：从服务器获取页面的滚动深度数据；对所述滚动深度数据进行细化，得到所述页面中每一坐标点的滚动深度数据；根据细化后的滚动深度数据进行热图绘制；对绘图参数进行调整之后，根据调整后的绘图参数再进行热图绘制。在本公开的一种示例性实施例中，所述滚动深度数据包括绘图数据和计算数据，其中所述计算数据为根据所述绘图数据进行计算的相关数据，包括到达人次和到达率。在本公开的一种示例性实施例中，所述滚动深度数据为有序不连续的数据。在本公开的一种示例性实施例中，所述滚动深度数据为JSON格式的数据，其中所述JSON格式的数据包括键和值两部分，所述键表示网页纵坐标，所述值表示浏览到所述纵坐标的用户量。在本公开的一种示例性实施例中，所述绘图参数为区域高度。根据本公开的另一个方面，还提供一种展现滚动深度数据的装置，包括：获取模块，用于从服务器获取页面的滚动深度数据；细化模块，用于对所述滚动深度数据进行细化，得到所述页面中每一坐标点的滚动深度数据；绘制模块，用于根据细化后的滚动深度数据进行热图绘制；调整模块，用于对绘图参数进行调整之后，根据调整后的绘图参数再进行热图绘制。在本公开的一种示例性实施例中，所述滚动深度数据包括绘图数据和计算数据，其中所述计算数据为根据所述绘图数据进行计算的相关数据，包括到达人次和到达率。在本公开的一种示例性实施例中，所述滚动深度数据为有序不连续的数据。在本公开的一种示例性实施例中，所述滚动深度数据为JSON格式的数据，其中所述JSON格式的数据包括键和值两部分，所述键表示网页纵坐标，所述值表示浏览到所述纵坐标的用户量。在本公开的一种示例性实施例中，所述绘图参数为区域高度。根据本公开的技术方案，能够得到以下技术效果：通过对页面中滚动深度数据进行细化处理，可以在调整绘图参数之后无需再重新请求获取滚动深度数据即可进行相应的热图绘制，从而可以减少网络请求的次数，加大进行热图绘制的速度，提高数据呈现的效率，还可以减少用户等待的时间，提升用户体验。应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。附图说明通过参照附图详细描述其示例实施例，本公开的上述和其它目标、特征及优点将变得更加显而易见。图1示意性示出相关技术中对用户滚动深度数据进行展现的方法的步骤流程图。图2示意性示出根据本公开一实施例中提供的一种展现滚动深度数据的方法的步骤流程图。图3示意性示出根据本公开一实施例中以某一页面为例对本实施例提供的展现滚动深度数据的方法进行说明。图4示意性示出根据本公开一实施例中提供的方法完成对某一段区间进行热图绘制的效果图。图5示意性示出根据本公开另一实施例中提供的方法完成对整个页面进行热图绘制的效果图。图6示意性示出根据本公开另一实施例中提供的一种展现滚动深度数据的装置的示意图。具体实施方式现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免喧宾夺主而使得本公开的各方面变得模糊。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。图2示出本公开一实施例中提供的一种展现滚动深度数据的方法的步骤流程图，该方法可以有效的利用客户端的运算能力，减少向服务器请求的次数。如图2所示，在步骤S10中，从服务器获取页面的滚动深度数据。其中滚动深度数据包括绘图数据和计算数据，其中计算数据为根据绘图数据进行计算的相关数据，包括但不仅限于到达人次和到达率。获取滚动深度数据的过程是首先由客户端向服务器发送获取数据的请求，如果服务器中存在这些数据就响应该请求，并返回给客户端一个JSON格式的数据，也就是滚动深度数据。本实施例中的滚动深度数据为有序不连续的数据，即便从服务器获取的数据并不是有序的数据，则在客户端先对数据进行排序以得到有序数据后再进行下一步的操作，通过使数据有序化可以便于后续细化操作。还需要说明的是，本实施例中的滚动深度数据为JSON格式的数据，也就是以键值对的方式存在的数据，具体的，包括键和值两部分，键表示网页纵坐标，值表示浏览到纵坐标的用户量。如图2所示，在步骤S20中，对滚动深度数据进行细化，得到页面中每一坐标点的滚动深度数据。具体的，可以通过定义一个变量，将上述步骤S10得到的JSON格式的数据赋值给这个变量，再通过遍历变量的方式将其细化，使得页面上从上至下每一个坐标都包含有代表用户量的值。如图2所示，在步骤S30中，根据细化后的滚动深度数据进行热图绘制。由于细化后每个坐标均有一个代表用户量的值，可以根据这个用户量的值计算出相应的坐标的色值，并依据这个色值进行热图本文档来自技高网...

【技术保护点】
一种展现滚动深度数据的方法，其特征在于，包括：从服务器获取页面的滚动深度数据；对所述滚动深度数据进行细化，得到所述页面中每一坐标点的滚动深度数据；根据细化后的滚动深度数据进行热图绘制；对绘图参数进行调整之后，根据调整后的绘图参数再进行热图绘制。

【技术特征摘要】
1.一种展现滚动深度数据的方法，其特征在于，包括：从服务器获取页面的滚动深度数据；对所述滚动深度数据进行细化，得到所述页面中每一坐标点的滚动深度数据；根据细化后的滚动深度数据进行热图绘制；对绘图参数进行调整之后，根据调整后的绘图参数再进行热图绘制。2.根据权利要求1所述的方法，其特征在于，所述滚动深度数据包括绘图数据和计算数据，其中所述计算数据为根据所述绘图数据进行计算的相关数据，包括到达人次和到达率。3.根据权利要求1所述的方法，其特征在于，所述滚动深度数据为有序不连续的数据。4.根据权利要求1所述的方法，其特征在于，所述滚动深度数据为JSON格式的数据，其中所述JSON格式的数据包括键和值两部分，所述键表示网页纵坐标，所述值表示浏览到所述纵坐标的用户量。5.根据权利要求1所述的方法，其特征在于，所述绘图参数为区域高度。6.一种展现滚动深度数据的装...

【专利技术属性】
技术研发人员：杨帆，王少星，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京,11