CN112817817B - 埋点信息查询方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本申请涉及一种埋点信息查询方法、装置、计算机设备和存储介质。所述方法包括：响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面；响应于针对目标页面的页面截取操作，确定截取的页面区域；输出页面区域对应的页面位置；基于页面位置进行埋点信息查询，以查询得到页面位置对应的埋点信息并展示。由于可以展示待进行埋点信息查询的目标页面，并响应于针对目标页面的页面截取操作，确定截取的页面区域，输出该页面区域的页面位置，展示基于页面位置进行埋点信息查询得到的埋点信息，因此用户在需要查询埋点时，通过截取要查询埋点的页面区域就可以查询得到埋点信息，提高了埋点信息的查询效率。

Description

埋点信息查询方法、装置、计算机设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种埋点信息查询方法、装置、计算机设备和存储介质。

背景技术

随着计算机网络技术的发展，在很多情况下都需要在网页或者应用中设置埋点，以在网页或者应用中收集一些信息，用来跟踪应用使用或者网页的状况，以进一步优化产品，收集的信息例如可以包括访问数、访客数以及停留时长等。

目前，当需要查询埋点的信息时，往往需要预先了解埋点的标识，以基于标识进行查询，导致埋点信息查询效率低。

发明内容

基于此，有必要针对上述技术问题，提供一种埋点信息查询方法、装置、计算机设备和存储介质。

一种埋点信息查询方法，所述方法包括：响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的所述目标页面；响应于针对所述目标页面的页面截取操作，确定截取的页面区域；输出所述页面区域对应的页面位置；展示基于所述页面位置进行埋点信息查询得到的埋点信息。

在一些实施例中，输出所述页面区域对应的页面位置包括：确定所述页面区域对应的页面控件，将所述页面控件对应的控件坐标作为所述页面位置。

一种埋点信息查询装置，所述装置包括：目标页面展示模块，用于响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的所述目标页面；页面区域截取模块，用于响应于针对所述目标页面的页面截取操作，确定截取的页面区域；页面位置输出模块，用于输出所述页面区域对应的页面位置；查询模块，用于展示基于所述页面位置进行埋点信息查询得到的埋点信息。

在一些实施例中，所述目标页面展示模块包括：页面路径确定单元，用于响应于页面路径输入操作，确定页面路径；页面截取模式进入单元，用于当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示所述目标页面，并进入页面截取模式，以在所述页面截取模式下接收所述页面截取操作。

在一些实施例中，所述页面截取模式进入单元用于：当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示所述目标页面；在所述目标页面上展示画布元素，以通过所述画布元素接收页面截取操作。

在一些实施例中，所述页面位置输出模块用于：确定所述页面区域对应的页面位置；展示所述页面位置以及所述页面位置对应的复制控件；当接收到针对所述复制控件的触发操作时，复制所述页面位置，以在接收到位置粘贴操作时，在埋点位置输入区域输入所述页面位置。

在一些实施例中，所述页面位置包括所述页面区域的起始点坐标以及终止点坐标，所述查询模块用于：向服务器发送埋点信息查询请求，所述埋点信息查询请求携带所述起始点坐标以及终止点坐标，以使得所述服务器基于所述起始点坐标以及所述终止点坐标确定所述页面区域对应的目标埋点，获取所述目标埋点对应的埋点记录数据，对所述埋点记录数据进行统计，得到埋点信息；接收所述服务器返回的所述埋点信息并展示。

在一些实施例中，所述页面位置输出模块用于：确定所述页面区域对应的页面控件，将所述页面控件对应的控件坐标作为所述页面位置。

在一些实施例中，所述装置还包括：设置模块，用于响应于针对所述页面位置对应的埋点查询项设置操作，确定所述页面位置对应的目标埋点查询项；对应关系建立模块，用于建立所页面位置与所述目标埋点查询项的对应关系；埋点查询项触发查询模块，用于当接收到针对所述目标埋点查询项的埋点查询操作时，触发基于所述页面位置进行的埋点信息查询。

在一些实施例中，所述埋点查询项触发查询模块用于：展示候选查询项集合，所述候选查询项集合包括所述目标埋点查询项；当接收到针对所述目标埋点查询项的选择操作时，确认接收到针对所述目标埋点查询项的埋点查询操作，触发基于所述页面位置进行的埋点信息查询。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的所述目标页面；响应于针对所述目标页面的页面截取操作，确定截取的页面区域；输出所述页面区域对应的页面位置；展示基于页面位置进行埋点信息查询得到的埋点信息。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的所述目标页面；响应于针对所述目标页面的页面截取操作，确定截取的页面区域；输出所述页面区域对应的页面位置；展示基于页面位置进行埋点信息查询得到的埋点信息。

上述埋点信息查询方法、装置、计算机设备和存储介质，响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面；响应于针对目标页面的页面截取操作，确定截取的页面区域；输出页面区域对应的页面位置；展示基于页面位置进行埋点信息查询得到的埋点信息。由于可以展示待进行埋点信息查询的目标页面，并响应于针对目标页面的页面截取操作，确定截取的页面区域，输出该页面区域的页面位置，基于该页面位置进行埋点数据查询，因此用户在需要查询埋点时，通过截取要查询埋点的页面区域就可以查询得到埋点信息，提高了埋点信息的查询效率。

附图说明

图1为一些实施例中埋点信息查询方法的应用环境图；

图2为一些实施例中埋点信息查询方法的流程示意图；

图3为一些实施例中展示页面位置以及页面位置对应的复制控件的页面示意图；

图4为一些实施例中埋点查询页面的页面示意图；

图5为一些实施例中埋点信息查询方法的流程示意图；

图6为一些实施例中埋点记录页面的页面示意图；

图7为一些实施例中埋点信息查询装置的结构框图；

图8为一些实施例中埋点信息查询装置的结构框图；

图9为一些实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的埋点信息查询方法，可以应用于如图1所示的应用环境中。其中，终端102通过网络与服务器104进行通信。当用户需要查询目标页面的埋点信息时，可以通过针对终端102的相应操作触发针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面，响应于针对目标页面的页面截取操作，确定截取的页面区域，输出页面区域对应的页面位置，基于页面位置进行埋点信息查询，例如向服务器104发送埋点信息查询请求，服务器响应于埋点信息查询请求，查询得到埋点信息，终端102接收服务器104返回的埋点信息，展示该埋点信息。其中，终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一些实施例中，如图2所示，提供了一种埋点信息查询方法，以该方法应用于图1中的终端为例进行说明，包括以下步骤：

步骤S202，响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面。

其中，埋点是指针对特定事件进行捕获、处理和发送的监控点。可以通过在应用中添加监控点，以监听软件应用运行过程中的事件，当需要关注的事件发生时进行判断和捕获，生成事件记录。埋点信息可以是通过对事件记录进行统计得到的，例如可以包括某个控件的点击次数、或者观看某个视频的时长等等。

埋点页面展示操作可以是预设的操作，例如预设的手势操作。也可以是针对预设控件的触摸操作。例如在埋点查询页面中，可以展示用于选择页面的控件，当接收到针对该控件的触发操作时，可以展示待选取的候选页面的页面信息，例如页面的名称或者页面的网址，当接收到对页面信息的选择操作时，确认接收到针对目标页面的埋点页面展示操作，可以展示所选择的页面信息对应的页面，即目标页面。

埋点页面展示操作也可以是通过在页面网址中添加指示参数的操作，例如在页面网址中添加预先定义好的参数，当终端确定页面网址中携带该指示参数时，确定该页面为待进行埋点信息查询的目标页面。

具体地，当终端接收到针对目标页面的埋点页面展示操作时，确定展示该目标页面的目的为获取用于查询埋点信息的坐标，故将该目标页面作为待进行埋点信息查询的页面，展示该目标页面，并进入获取页面位置的状态，例如进入页面截取模式，以使得用户可以直接进行页面的截取，终端可以根据截取的页面区域确定页面位置。

在一些实施例中，目标页面可以是应用的页面。例如可以是子应用的页面。在展示目标页面时，可以是通过页面路径获取子应用的页面并展示。其中，子应用是承载在母应用上的应用。母应用是承载子应用的应用，为子应用的实现提供环境。母应用是原生应用程序。原生应用程序是可以直接运行于操作系统的应用程序。母应用程序可以是社交应用程序、专门支持子应用程序的专用应用程序、文件管理应用程序、邮件应用程序或者游戏应用程序等。社交应用程序包括即时通信应用、SNS(Social Network Software，社交网络服务)应用或者直播应用等。子应用则是可在母应用程序提供的环境中实现的应用程序，子应用俗称小程序，小程序指的是无需下载和安装即可使用的应用程序。开发者可以基于某个软件开发一个小程序，小程序可以在此软件中运行。

步骤S204，响应于针对目标页面的页面截取操作，确定截取的页面区域。

其中，页面截取操作可以是预设的操作，例如可以是按下鼠标并进行拖动的操作。

具体地，当终端确认接收到页面截取操作时，则获取页面截取操作所对应的页面区域，例如获取页面截取操作的路径，将该路径所对应的区域作为页面截取区域。例如，当在展示目标页面时，监听到用户按下鼠标的操作时，确认该操作为页面截取操作，可以将开始截取操作的位置到结束截取操作的位置所形成的截取区域作为截取的页面区域。其中，开始截取操作的位置例如是按下鼠标的位置，结束截取操作的位置例如是松开鼠标的位置。该截取区域的区域形状可以是预先设置的。可以基于区域形状以及操作位置确定截取的页面区域。例如当预设的截取区域的区域形状是四边形，则可以将按下鼠标的位置到松开鼠标的位置所形成的矩形区域作为截取的页面区域。当预设的截取区域的区域形状是圆形，则可以获取按下鼠标的位置到松开鼠标的位置对应的距离，作为圆的半径，将按下鼠标的位置作为圆的中心，所形成的圆形区域为截取的页面区域。

步骤S206，输出页面区域对应的页面位置。

其中，页面位置可以是通过坐标的方式表示，页面位置是表示该页面区域的位置，例如页面区域的起始点坐标以及终止点坐标。页面位置也可以是该页面区域中埋点对应的坐标位置或者页面控件对应的位置，例如假设该页面区域中，页面坐标为(a，b)的控件对应有埋点，则输出该(a，b)。可以预先设置埋点对应的坐标，当终端确定页面区域后，可以基于页面区域的坐标确定在页面区域范围内的埋点，获取该埋点对应的坐标。

具体地，终端可以展示该页面位置。当然也可以是不进行展示，而是记录下该位置，在后续进行埋点信息查询时，自动携带该页面位置。终端还可以是自动复制该页面位置，例如在页面截取操作时默认复制页面位置。在默认复制时，还可以展示页面位置或者提示该页面位置已经复制成功。当接收到针对埋点查询页面上的埋点位置输入区域的位置粘贴操作时，可以在埋点位置输入区域中输入该页面位置。

在一些实施例中，输出页面区域对应的页面位置包括：确定页面区域对应的页面控件，将页面控件对应的控件坐标作为页面位置。

具体地，终端可以确定页面区域中所包括的页面控件，然后获取该页面控件的坐标例如控件的中心点或者左上角的点的坐标，作为控件坐标。

在一些实施例中，输出页面区域对应的页面位置包括：确定页面区域对应的页面位置；展示页面位置以及页面位置对应的复制控件；当接收到针对复制控件的触发操作时，复制页面位置，以在接收到位置粘贴操作时，在埋点位置输入区域输入页面位置。

其中，埋点位置输入区域是用于输入页面位置的区域，终端在发送埋点信息查询请求时，携带该埋点位置输入区域中的页面位置。页面区域对应的页面位置例如可以包括起始点坐标以及终止点坐标。将起始点坐标以及终止点坐标所对应的矩形作为页面区域。复制控件用于复制页面位置。位置粘贴操作用于粘贴页面位置。例如可以是当接收到同时触发预设的控件如“ctrl”键以及字母“V”键的操作，确定接收到位置粘贴操作。

具体地，当确认页面截取操作完成后，终端确定所截取的页面对应的页面位置，例如获取页面截取操作的起始点的坐标，作为页面区域的起始点坐标，获取页面截取操作的终止点的坐标，作为页面区域的终止点坐标。终端展示页面区域的起始点坐标以及终止点坐标，并对应展示页面位置对应的复制控件，如果接收到对该复制控件的触发操作，则自动复制该页面位置。这样，当用户需要在埋点位置输入区域输入页面位置时，则可以通过位置粘贴操作时，在埋点位置输入区域输入页面位置。

如图3所示，为一些实施例中展示页面位置以及页面位置对应的复制控件的页面示意图。目标页面为保险购买页面，第一幅图中食指所在的位置为起始点，第二副图中食指所在的位置为终止点。图中的矩形框302表示截取的页面区域。在目标页面上可以展示位置提示信息，提示截取的页面的起始点坐标为(30,300)以及终止点坐标为(330，600)，位置提示信息上还可以展示复制控件304以及取消控件306。当接收到对复制控件304的触发操作，例如点击操作时，可以复制该起始点坐标以及终止点坐标，即得到页面位置。当接收到对取消控件306的操作时，则可以重新进入监听页面截取操作的步骤。详见图4，以在接收到位置粘贴操作时，在埋点位置输入区域输入页面位置。

步骤S208，展示基于页面位置进行埋点信息查询得到的埋点信息。

其中，埋点信息可以是通过数字的形式或者通过图表的方式进行展示，例如通过柱状图的方式展示。还可通过添加数据表格的形式，展示数据详情，方便记录以及统计计算，以提供更加灵活、可自定义的数据展示方式，例如在数据表格中展示查询得到的埋点信息。埋点信息例如可以是如近n天点击次数、近n天浏览次数等，n的数值可以根据需要设置。

具体地，终端可以向服务器发送埋点信息查询请求，埋点信息查询请求中携带页面位置，服务器中可以存储埋点对应的位置，服务器可以根据页面位置查询得到对应的埋点，对该埋点对应的事件记录进行统计，得到埋点信息。服务器中存储的埋点对应的位置可以是预先设置的，例如预先设置了某个埋点对应的坐标为A坐标。服务器中埋点与坐标的对应关系也可以是记录在埋点记录中的，埋点监听到对应的用户操作时，获取该操作对应的位置，作为埋点对应的事件信息中的参数，发送到服务器中。例如，一个页面的“B控件”中设置了埋点，则服务器中存储了“B控件”所在的位置与埋点的对应关系，当用户点击了“B控件”，则埋点对应的点击事件信息中可以包括埋点的标识、用户标识、点击的时间以及“B控件”的位置，终端上传该点击事件信息，服务器中存储该点击事件信息，作为埋点的日志记录。这样，当用户需要查询“B控件”的埋点信息时，可通过截取目标页面中“B控件”所在的区域，终端输出该区域对应的起始点坐标以及终止点坐标，基于该起始点坐标以及终止点坐标在服务器中查询得到该“B控件”对应的点击事件信息对应的页面位置，在起始点坐标以及终止点坐标所形成的页面区域内，则将该点击事件信息作为要查询的事件信息，当“B控件”对应的点击事件信息有多个时，则可以统计该点击事件信息的个数，从而得到“B控件”的点击次数。

在一些实施例中，页面位置包括页面区域的起始点坐标以及终止点坐标，基于页面位置进行埋点信息查询，以查询得到页面位置对应的埋点信息并展示包括：向服务器发送埋点信息查询请求，埋点信息查询请求携带起始点坐标以及终止点坐标，以使得服务器基于起始点坐标以及终止点坐标确定页面区域对应的目标埋点，获取目标埋点对应的埋点记录数据，对埋点记录数据进行统计，得到埋点信息；接收服务器返回的埋点信息并展示。

具体地，当终端接收到查询操作时，终端向服务器发送用于查询埋点信息的埋点信息查询请求，该埋点信息查询请求中携带起始点坐标以及终止点坐标。服务器在基于起始点坐标以及终止点坐标进行查询时，可以确定该起始点坐标和终止点坐标所对应的页面区域中包括的目标埋点，获取该目标埋点对应的埋点记录数据进行统计，例如统计目标时间段内该目标埋点的埋点记录数据的数量，作为埋点信息。例如，可以遍历埋点日志记录中的各个埋点日志记录对应的坐标，判断该坐标是否位于起始点坐标和终止点坐标所对应的页面区域内，如果是，将该记录作为目标埋点对应的埋点记录。又例如，还可以是根据起始点坐标以及终止点坐标，确定页面区域所包括的坐标点集合，查询坐标点集合中各个坐标点对应的埋点事件记录。

在一些实施例中，目标时间段可以是埋点信息查询请求中携带的，例如在埋点信息查询界面中可以设置有选择目标时间段的控件，通过对该控件的操作获取目标时间段。目标时间段也可以是预先设定的，例如可以是最近的1个小时内。

在一些实施例中，通过图表的方式进行可视化的展示，例如终端将返回的数据进行处理展示，并通过机型、版本号、时间、用户信息、区域所含哪些埋点或者埋点数据中的一维或者多维度进行可视化展示，可视化图标库可以是echarts，例如以折状图展示埋点信息，旭日图展示区域所含埋点。并可以通过下拉列表筛选用户、机型或者版本号。为了提升下拉数据筛选的联动效率，终端将数据存储在本地，从而不需要每次下拉数据再请求后台返回数据多次处理。其中，ECharts(Enterprise Charts，商业产品图表库)是基于Canvas的,纯Javascript的图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

在一些实施例中，在展示埋点信息时，若页面中已展示有历史查询得到的历史埋点信息，例如上一次查询得到的埋点信息，则可以在展示历史埋点信息的图表上展示当前查询得到的埋点信息，以形成与历史埋点信息的对比。

在一些实施例中，可以分类展示埋点信息，例如基于埋点类型进行可视化展示。举个例子，可以基于埋点对应的事件类型进行分类展示，将点击事件对应的埋点信息展示在第一个图表中，将滚动事件对应的埋点信息展示在第二个图表中。

上述埋点信息查询方法中，由于可以展示待进行埋点信息查询的目标页面，并响应于针对目标页面的页面截取操作，确定截取的页面区域，输出该页面区域的页面位置，基于该页面位置进行埋点数据查询，因此用户在需要查询埋点时，通过截取要查询埋点的页面区域就可以查询得到埋点信息，提高了埋点信息的查询效率。

例如，当业务人员需要查看埋点信息时，可以通过鼠标拖拽的方式，在小程序页面中选取一块区域，终端识别到区域中设置有埋点信息的坐标及其关联的参数传输到服务器，服务器在获取到这些参数后，在ES(Elastic search)平台中查询出相关的埋点日志并在ES中进行聚合和统计，计算后的结果返回到终端，可以通过终端渲染成更为直观的图表。

在一些实施例中，响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面包括：响应于页面路径输入操作，确定页面路径；当页面路径携带查询埋点位置的指示参数时，基于页面路径展示目标页面，并进入页面截取模式，以在页面截取模式下接收页面截取操作。

其中，埋点页面展示操作可以是输入页面路径的操作。例如可以是在页面路径输入区域粘贴页面路径的操作，也可以是对页面路径进行编辑的操作，例如可以是在页面路径的最后添加指示参数的操作。页面截取模式是对页面进行截图的模式。查询埋点位置的指示参数时可以根据需要预先定义，例如可以是“cut”。

具体地，当终端接收到进入页面的操作时，可以确定页面路径是否携带查询埋点位置的指示参数。例如终端可以在预设位置上提取页面路径中的参数，作为待匹配参数，将待匹配参数与用于查询埋点位置的指示参数进行对比，当对比一致时，确定页面路径携带查询埋点位置的指示参数。如果页面路径携带指示参数，则终端展示页面路径所对应的目标页面，并进入页面截取模式，例如在页面上覆盖画布。一般而言，如果要对页面进行截图，通常是在展示页面之后，通过预设的按键触发的。而通过在页面路径携带查询埋点位置的指示参数时，在展示目标页面的同时，自动进入页面截取模式，从而使得能够快速的进行页面截取，得到页面的位置。如果页面路径不携带该指示参数，则终端可以正常展示目标页面，不进入页面截取模式。此时，如果用户需要进行页面截取，则可以执行获取截取区域的页面位置的预设操作，则终端可以响应于获取截取区域的页面位置的预设操作，进行页面截取模式。该预设操作可以根据需要设置，例如可以是点击预设的控件的操作或者预设的手势操作。

在一些实施例中，当页面路径携带查询埋点位置的指示参数时，基于页面路径展示目标页面，并进入页面截取模式包括：当页面路径携带查询埋点位置的指示参数时，基于页面路径展示目标页面；在目标页面上展示画布元素，以通过画布元素接收页面截取操作。

具体地，画布元素是用于在页面上绘制图形的元素，例如可以是canvas元素。可以通过组件或者插件在目标页面上展示画图元素，从而使得用户可以通过操作在画布元素上进行图形的绘制，例如绘制矩形，从而可以确定要截图的页面区域。

以目标页面为小程序页面为例，由于要在原有小程序页面上进行区域选择，所以在不影响原有小程序使用逻辑的前提下，用户如果要获取小程序的页面坐标用于埋点信息查询，则可以在页面的url(Uniform Resource Locator,统一资源定位器)链接的最后增加cut＝true字符串。终端提取cut＝true字符串之前的字符串作为页面路径。在页面加载时，目标页面会调用onLoad方法，在onLoad方法中获取小程序页面路径中的参数，判断是否存在“cut＝true”字段，如果存在，则说明需要进入页面截取模式。当终端识别到为页面截取模式时，则通过增加组件在页面上增加canvas元素，通过onmousedown方法监听鼠标或者手指按下事件，使用js(JavaScript)提供的clientX和clientY方法获取当前操作对应的坐标，以获取初始的坐标点，通过onmousemove方法监听鼠标移动事件，每次移动同样通过js提供的clientX和clientY方法获取当前的x坐标以及y坐标，再用当前坐标减去初始坐标来计算宽高，并实时删除之前的图层进行区域绘制。当监听到鼠标或者手指离开时，终端获取最后的坐标点，作为终止坐标点，然后通过弹框展示提示信息，提示信息中显示鼠标点击开始的坐标点和拖动放开后的坐标点的位置，并调用用于复制的api(ApplicationProgramming Interface，应用程序接口)，以在提示信息上显示复制控件，以提示用户进行复制。其中在确定页面坐标时，可以用像素所在的坐标点表示，可以以页面的左上角作为坐标原点。像素是指由图像的小方格组成的一个最小单位，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。

在一些实施例中，如图4所示，为埋点查询页面的示意图，可以通过时间段选取区域402选取目标时间段。可以通过埋点坐标输入区域404输入页面位置，当接收到对控件“查询埋点信息”406的触发操作时，终端可以向服务器发送埋点信息查询请求。

在一些实施例中，由于用户操作异步上报事件日志时会将当前时间一起进行上报，因此也可以对时间进行筛选，可按照快速、相对、绝对、最近使用过的时间范围进行查询。

在一些实施例中，如图5所示，埋点信息查询方法还可以包括以下步骤：

步骤S502，响应于针对页面位置对应的埋点查询项设置操作，确定页面位置对应的目标埋点查询项。

其中，埋点查询项设置操作用于设置埋点查询项，埋点查询项是用于搜索埋点的内容项，埋点查询项是与埋点相关的内容项，例如可以包括产品代码、页面路径或者埋点对应的控件的功能的至少一个。

具体地，终端可以响应于展示埋点查询设置页面的操作，展示埋点查询设置页面，通过埋点查询设置页面接收埋点查询项设置操作，例如输入该页面位置的产品代码、页面路径以及埋点对应的控件的功能名称的操作，确定目标埋点查询项。

步骤S504，建立所页面位置与目标埋点查询项的对应关系。

具体地，终端可以建立页面位置与目标埋点查询项的对应关系，并存储在终端中。例如，设置页面位置对应的目标埋点查询项为：产品代码为PP01，页面路径为“/pages/insure/innovate/PP01/index”。该页面位置对应的埋点的控件的名称为“免费领取按钮”。其中，终端可以使用local storage(本地存储)技术，将对应关系用健值对形式缓存到本地。本地存储是一个window的属性，可以包括local storage技术。local storage是没有时间限制的数据存储，在HTML5中，通过加入localStorage特性，可以对数据进行本地存储。

步骤S506，当接收到针对目标埋点查询项的埋点查询操作时，触发基于页面位置进行的埋点信息查询。

具体地，终端可以在埋点查询页面展示目标埋点查询项，当接收到针对目标埋点查询项的选择操作时，则向服务器发送埋点信息查询请求，埋点信息查询请求携带页面位置。

本申请实施例中，通过对于查询过的页面位置，可以设置对应的埋点查询项，并预先存储对应关系在终端中。这样，当用户后续需要获取之前查询过的页面位置时，可以不用再进行页面截图，而可以通过选择目标埋点查询项，快速的查询埋点信息。

在一些实施例中，接收到针对目标埋点查询项的埋点查询操作时，触发基于页面位置进行的埋点信息查询包括：展示候选查询项集合，候选查询项集合包括目标埋点查询项；当接收到针对目标埋点查询项的选择操作时，确认接收到针对目标埋点查询项的埋点查询操作，触发基于页面位置进行的埋点信息查询。

其中，候选查询项集合可以包括多个候选查询项。候选查询项集合中可以包括用户每次设置过的埋点查询项。用户可以对候选查询项进行选择，例如通过鼠标进行点击。

具体地，当终端接收到针对目标埋点查询项的选择操作时，确认接收到针对目标埋点查询项的埋点查询操作，向服务器发送携带页面位置的查询请求。

例如，假设用户已经查询得到了某个页面位置的埋点信息。为了方便后续可以继续查询该页面位置的埋点信息，可以点击查询页面上的“查询项设置控件”，终端接收到对“查询项设置控件”的点击操作时，展示埋点查询项设置界面，埋点查询项设置界面展示预先设置的查询项类型对应的查询项名称输入框，如产品代码的输入框、页面路径的输入框以及控件功能名称的输入框等，用户可以在该输入框输入产品代码、页面路径以及控件功能名称。当需要查询已经查询过的页面位置的埋点信息时，用户可以通过埋点记录页面展示操作，触发终端展示埋点记录页面，通过埋点记录页面查询。

如图6所示，为一些实施例中埋点记录页面的示意图。可以包括产品代码选择区域602、页面路径选择区域604、区域功能选择区域606、时间选择区域608以及埋点信息展示区域610，通过各个选取区域可以确定用户选择的产品代码、页面路径、区域功能以及目标时间段，区域功能例如为免费领取产品的功能，从而可以确定对应的页面位置，在埋点信息展示区域610展示该页面位置对应的埋点信息，例如当选择的产品代码为PP01，页面路径为“/pages/insure/innovate/PP01/index”，区域功能为“免费领取按钮”，则展示产品代码为PP01，页面路径为“/pages/insure/innovate/PP01/index”中的免费领取产品的按钮每日的点击量。从而使得用户第一次进行页面截取之后，在要查询同样的页面区域的埋点信息时，在不需要进行页面截取的情况下也可以查询之前已经查询过的页面位置对应的埋点信息。通过时间选择区域608选择目标时间段，可以使得在查询之前已经查询过的页面位置的埋点信息时，可以查询与之前查询过的时间段不同的时间段所对应的埋点信息，从而使得埋点信息的查询更加灵活。

在一些实施例中，可以采用声明式埋点方式上报埋点，例如可以将埋点代码和业务交互逻辑解耦，使得开发人员只用关注需要埋点的控件，并且为这些控件声明需要的埋点数据。比如可以在网页的dom(Document Object Model，文档对象模型)元素上添加埋点的属性信息，并增加daid(data-daid，数据标识)标识，并且默认为click(点击)事件，则在页面DOM准备好时，遍历dom树，找到存在daid标识的元素的节点，绑定click事件，再将daid对应的信息发送给服务器，以使得服务器确定存在该埋点。当埋点对应有用户点击事件时，可以在上报埋点日志记录时，上报对应的坐标。

本申请提供的方法，可以使得用户例如产品运营人员在不清楚埋点的名称的情况下进行埋点查询。在数据时代，产品运营的思路发生了巨大改变，传统以人的经验判断来执行的运营方式已不再适用快速变更的市场需要，基于信息化、自动化的数字运营成为主流。对于数字化运营而言，能够形成一个基于数据流的良好的反馈闭环极为关键，即形成数据生产-数据采集-数据处理-数据分析和挖掘-数据驱动/用户反馈-产品优化/迭代通路，基于这一通路，产品能做到快速迭代、快速试错，同时也能支撑精细化运营。

例如，小程序埋点数据是企业重要的数据来源之一，由于数据埋点的较为冗余繁杂，使得产品运营人员不能快速精确的查找到需要的埋点信息。而采用本申请实施例提供的方法，可以实现高效可靠的埋点数据查询系统，该系统可以由vue框架实现，组件库使用element-ui，系统对应有埋点查询页面、埋点设置页面和埋点记录页，通过在用户对页面进行操作时会实时上报埋点日志记录，同时携带操作点的坐标数据。这样在查询埋点信息时，用户可以通过对页面进行可视化截取，再通过截取的坐标查询已截取区域的埋点信息，从而使得业务人员不再需要关注埋点日志的结构、某个字段的业务含义，极大提升了查询效率。

本申请实施例的方案可以应用在小程序开发、小程序埋点筛选以及查找小程序埋点等业务流程，可以降低业务人员查看指标的学习成本与沟通成本，以及使指标展示更加直观。对于开发人员，也无需在繁复嵌套的源码中查找业务人员需要的埋点元素，在一定程度上减少了开发人员的工作量。

在一些实施例中，由于可以通过页面区域的位置进行查询，因此当一个页面区域有多个埋点时，也可以通过页面位置查询得到多个埋点的信息，提高了埋点查询的效率。

在一些实施例中，埋点信息可以包括页面停留时间，通过小程序页面本身已有的onShow方法和onHide方法上报埋点日志记录，然后在服务器获取埋点信息时，拉取目标页面的onShow方法对应的埋点日志记录和onHide方法对应的埋点日志记录，并计算两个埋点日志记录的时间差，作为页面停留时间，将该页面停留时间作为埋点信息。终端还可以将相关页面流程的停留时间通过折线图展示，以快速获得用户小程序使用行为路径，从而分析小程序优化点。如用户正常操作需要经过3个页面，通过对onShow和onHide上报埋点日志信息，对三个界面的停留时间以及访问率进行统计，可知用户在哪个页面流失率过高，于是产品运营人员可以针对性的优化该页面。对界面停留时间的统计，可以知道用户是否有认真查看活动规则，以及停留时间过长是否是因为规则过于繁琐难懂，以此可以针对性的改进，从而避免盲目改动活动界面或交互流程再去查看用户行为的反向操作。onShow是指菜单元素在上下文菜单显示时触发的方法，即监听页面的显示。onHide是指监听页面的隐藏的方法。

应该理解的是，虽然上述流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，上述流程图的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一些实施例中，如图7所示，提供了一种埋点信息查询装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：

目标页面展示模块702，用于响应于针对目标页面的埋点页面展示操作，展示待进行埋点信息查询的目标页面。

页面区域截取模块704，用于响应于针对目标页面的页面截取操作，确定截取的页面区域。

页面位置输出模块706，用于输出页面区域对应的页面位置。

查询模块708，用于展示基于页面位置进行埋点信息查询得到的埋点信息。

在一些实施例中，目标页面展示模块包括：页面路径确定单元，用于响应于页面路径输入操作，确定页面路径；页面截取模式进入单元，用于当页面路径携带查询埋点位置的指示参数时，基于页面路径展示目标页面，并进入页面截取模式。

在一些实施例中，页面截取模式进入单元用于：当页面路径携带查询埋点位置的指示参数时，基于页面路径展示目标页面；在目标页面上展示画布元素，以通过画布元素接收页面截取操作。

在一些实施例中，页面位置输出模块用于：确定页面区域对应的页面位置；展示页面位置以及页面位置对应的复制控件；当接收到针对复制控件的触发操作时，复制页面位置，以在接收到位置粘贴操作时，在埋点位置输入区域输入页面位置。

在一些实施例中，页面位置包括页面区域的起始点坐标以及终止点坐标，查询模块用于：向服务器发送埋点信息查询请求，埋点信息查询请求携带起始点坐标以及终止点坐标，以使得服务器基于起始点坐标以及终止点坐标确定页面区域对应的目标埋点，获取目标埋点对应的埋点记录数据，对埋点记录数据进行统计，得到埋点信息；接收服务器返回的埋点信息并展示。

在一些实施例中，如图8所示，装置还包括：

设置模块802，用于响应于针对页面位置对应的埋点查询项设置操作，确定页面位置对应的目标埋点查询项；

对应关系建立模块804，用于建立所页面位置与目标埋点查询项的对应关系；

埋点查询项触发查询模块806，用于当接收到针对目标埋点查询项的埋点查询操作时，触发基于页面位置进行的埋点信息查询。

在一些实施例中，埋点查询项触发查询模块用于：展示候选查询项集合，候选查询项集合包括目标埋点查询项；当接收到针对目标埋点查询项的选择操作时，确认接收到针对目标埋点查询项的埋点查询操作，触发基于页面位置进行的埋点信息查询。

关于埋点信息查询装置的具体限定可以参见上文中对于埋点信息查询方法的限定，在此不再赘述。上述埋点信息查询装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一些实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图9所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种埋点信息查询方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图9中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一些实施例中，还提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述各方法实施例中的步骤。

在一些实施例中，提供了一种计算机可读存储介质，存储有计算机程序，该计算机程序被处理器执行时实现上述各方法实施例中的步骤。

在一些实施例中，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种埋点信息查询方法，其特征在于，所述方法包括：

响应于页面路径输入操作，确定页面路径；

当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示待进行埋点信息查询的目标页面，并进入页面截取模式，以在页面截取模式下接收针对所述目标页面的页面截取操作；所述页面截取模式是对页面进行截图的模式；

响应于针对所述目标页面的页面截取操作，确定截取的页面区域；

输出所述页面区域对应的页面位置；

展示基于所述页面位置进行埋点信息查询得到的埋点信息。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：如果所述页面路径不携带所述指示参数，则正常展示目标页面，不进入页面截取模式。

3.根据权利要求1所述的方法，其特征在于，所述当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示所述目标页面，并进入页面截取模式包括：

当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示所述目标页面；

在所述目标页面上展示画布元素，以通过所述画布元素接收页面截取操作。

4.根据权利要求1所述的方法，其特征在于，所述输出所述页面区域对应的页面位置包括：

确定所述页面区域对应的页面位置；

展示所述页面位置以及所述页面位置对应的复制控件；

当接收到针对所述复制控件的触发操作时，复制所述页面位置，以在接收到位置粘贴操作时，在埋点位置输入区域输入所述页面位置。

5.根据权利要求1所述的方法，其特征在于，所述页面位置包括所述页面区域的起始点坐标以及终止点坐标，所述展示基于所述页面位置进行埋点信息查询得到的埋点信息包括：

向服务器发送埋点信息查询请求，所述埋点信息查询请求携带所述起始点坐标以及所述终止点坐标，以使得所述服务器基于所述起始点坐标以及所述终止点坐标确定所述页面区域对应的目标埋点，获取所述目标埋点对应的埋点记录数据，对所述埋点记录数据进行统计，得到埋点信息；

接收所述服务器返回的所述埋点信息并展示。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于针对所述页面位置对应的埋点查询项设置操作，确定所述页面位置对应的目标埋点查询项；

建立所页面位置与所述目标埋点查询项的对应关系；

当接收到针对所述目标埋点查询项的埋点查询操作时，触发基于所述页面位置进行的埋点信息查询。

7.根据权利要求6所述的方法，其特征在于，所述当接收到针对所述目标埋点查询项的埋点查询操作时，触发基于所述页面位置进行的埋点信息查询包括：

展示候选查询项集合，所述候选查询项集合包括所述目标埋点查询项；

当接收到针对所述目标埋点查询项的选择操作时，确认接收到针对所述目标埋点查询项的埋点查询操作，触发基于所述页面位置进行的埋点信息查询。

8.一种埋点信息查询装置，其特征在于，所述装置包括：

目标页面展示模块，用于响应于页面路径输入操作，确定页面路径；当所述页面路径携带查询埋点位置的指示参数时，基于所述页面路径展示所述目标页面，并进入页面截取模式，以在页面截取模式下接收针对所述目标页面的页面截取操作；所述页面截取模式是对页面进行截图的模式；

页面区域截取模块，用于响应于针对所述目标页面的页面截取操作，确定截取的页面区域；

页面位置输出模块，用于输出所述页面区域对应的页面位置；

查询模块，用于展示基于所述页面位置进行埋点信息查询得到的埋点信息。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

Images