本公开实施例涉及一种页面数据处理方法、装置、电子设备及存储介质。本公开的至少一个实施例中，通过预先配置采集组件和跨端组件，当页面被打开时，采集组件可以判断是否唤醒跨端组件；进而，跨端组件在被唤醒后可以建立与服务端之间的跨端连接，并将页面的跨端信息通过跨端连接发送给服务端；而采集组件则可以采集针对该页面的相关数据，并将相关数据上报服务端；因此，可以通过跨端方式从服务端获取页面的跨端信息，生成跨端页面；从而，基于从服务端获取的针对该页面的相关数据，在跨端页面上进行可视化分析，使用户直观了解页面中不同区域的相关数据，另外还可以提升用户的交互体验。验。验。
【技术实现步骤摘要】
一种页面数据处理方法及装置
[0001]本公开实施例涉及数据分析
，具体涉及一种页面数据处理方法、装置、电子设备及存储介质。
技术介绍
[0002]目前，针对页面(例如网页页面)数据的分析，通常基于分析报表进行。分析报表是以表格或者图形的形式展示约定好的页面区域一段时间的相关数据，相关数据包括但不限于访客访问(Page View，PV)数据。
[0003]然而，分析报表通常独立于页面，也即，分析报表并非展示在其对应的页面区域所处的页面位置，因此，无法将分析报表与页面区域直观地关联，进而，无法满足用户从页面上直观了解某个区域的相关数据的需求。
[0004]另外，基于分析报表进行页面数据分析，无法通过点击页面某一区域来获取该区域一段时间的相关数据，因而无法满足用户交互式体验。
技术实现思路
[0005]为了解决现有技术存在的至少一个问题，本公开的至少一个实施例提供了一种页面数据处理方法、装置、电子设备及存储介质。
[0006]第一方面，本公开实施例提出一种页面数据处理方法，应用于页面端，其中，预先配置采集组件和跨端组件，该页面数据处理方法包括：
[0007]采集组件响应目标页面的打开，判断是否唤醒跨端组件；
[0008]采集组件采集针对目标页面的相关数据，并将相关数据上报服务端；
[0009]跨端组件被唤醒后建立与服务端之间的跨端连接，并将目标页面的跨端信息通过跨端连接发送给服务端。
[0010]在一些实施例中，预先配置采集组件和跨端组件包括：
[0011]若目标页面为网页页面，则采集组件中预先配置有跨端组件，且目标页面对应的页面代码中预先配置有采集组件对应的脚本；或，
[0012]若目标页面为应用程序页面，则在应用程序中配置采集组件和跨端组件；或，
[0013]若目标页面为小程序页面，则在小程序框架中配置采集组件和跨端组件。
[0014]在一些实施例中，采集组件响应目标页面的打开，判断是否唤醒跨端组件包括：
[0015]采集组件响应目标页面的打开，检测目标页面的URL地址的参数中是否包括跨端标识，或者，检测目标页面对应的二维码中是否包括跨端标识；
[0016]采集组件若检测到跨端标识，则唤醒跨端组件。
[0017]在一些实施例中，采集组件采集针对目标页面的相关数据包括：
[0018]采集组件响应目标页面的打开，从内容分发网络获取埋点配置信息，并基于埋点配置信息采集针对目标页面的相关数据。
[0019]在一些实施例中，埋点配置信息包括访问埋点、点击事件埋点和曝光事件埋点中
至少一种埋点的配置信息；访问埋点、点击事件埋点和曝光事件埋点中的至少一种埋点为可视化埋点或代码化埋点；
[0020]针对目标页面的相关数据包括访问数据、点击数据和曝光数据中的至少一种数据。
[0021]在一些实施例中，该页面数据处理方法还包括：
[0022]采集组件基于埋点配置信息在目标页面的文档对象模型的至少一个节点上打标，打标对应的节点为点击事件埋点和/或曝光事件埋点所在节点。
[0023]在一些实施例中，跨端组件被唤醒后建立与服务端之间的跨端连接包括：
[0024]跨端组件被唤醒后，从目标页面的URL地址的参数中提取跨端标识，或者，从目标页面对应的二维码中提取跨端标识；
[0025]跨端组件基于跨端标识建立与服务端之间的跨端连接。
[0026]在一些实施例中，该页面数据处理方法还包括：
[0027]页面端响应页面跨端操作，在目标网页的URL地址的参数中配置跨端标识；
[0028]页面端在配置跨端标识后，打开目标网页。
[0029]第二方面，本公开实施例还提出一种页面数据处理方法，应用于投屏分析端，其中，预先配置采集组件和跨端组件，该页面数据处理方法包括：
[0030]从服务端获取针对目标页面的相关数据，相关数据为采集组件采集并上报给服务端的数据；
[0031]与服务端建立跨端连接，通过跨端连接从服务端获取跨端组件发送的目标页面的跨端信息；
[0032]基于目标页面的跨端，生成跨端页面；
[0033]基于针对目标页面的相关数据，在跨端页面上进行可视化分析。
[0034]在一些实施例中，与服务端建立跨端连接包括：
[0035]基于跨端标识与服务端建立第二跨端连接，其中，跨端标识为跨端组件与服务端建立第一跨端连接时使用的跨端标识。
[0036]在一些实施例中，基于针对目标页面的相关数据，在跨端页面上进行可视化分析包括：
[0037]获取服务端预先存储的埋点配置信息；
[0038]基于埋点配置信息，将针对目标页面的相关数据渲染到跨端页面上；
[0039]对渲染到跨端页面上的相关数据进行可视化分析。
[0040]第三方面，本公开实施例还提出一种页面数据处理装置，应用于页面端，该页面数据处理装置包括：
[0041]采集组件，用于响应目标页面的打开，判断是否唤醒跨端组件，以及，采集针对目标页面的相关数据，并将相关数据上报服务端；
[0042]跨端组件，用于跨端组件被唤醒后建立与服务端之间的跨端连接，并将目标页面的跨端信息通过跨端连接发送给服务端。
[0043]第四方面，本公开实施例还提出一种页面数据处理装置，应用于投屏分析端，该页面数据处理装置包括：
[0044]第一获取单元，用于从服务端获取针对目标页面的相关数据，相关数据为采集组
件采集并上报给服务端的数据；
[0045]第二获取单元，用于与服务端建立跨端连接，通过跨端连接从服务端获取跨端组件发送的目标页面的跨端信息；
[0046]生成单元，用于基于目标页面的跨端信息，生成跨端页面；
[0047]可视化分析单元，用于基于针对目标页面的相关数据，在跨端页面上进行可视化分析。
[0048]第五方面，本公开实施例还提出一种电子设备，包括：处理器和存储器；处理器通过调用存储器存储的程序或指令，用于执行如第一方面或第二方面任一实施例提供的页面数据处理方法的步骤。
[0049]第六方面，本公开实施例还提出一种计算机可读存储介质，其中，计算机可读存储介质存储程序或指令，程序或指令使计算机执行如第一方面或第二方面任一实施例提供的页面数据处理方法的步骤。
[0050]可见，本公开的至少一个实施例中，通过预先配置采集组件和跨端组件，当页面被打开时，采集组件可以判断是否唤醒跨端组件；进而，跨端组件在被唤醒后可以建立与服务端之间的跨端连接，并将页面的跨端信息通过跨端连接发送给服务端；而采集组件则可以采集针对该页面的相关数据，并将相关数据上报服务端；因此，可以通过跨端方式从服务端获取页面的跨端信息，生成跨端页面；从而，基于从服务端获取的针对该页面的相关数据，在跨端页面上进行可视化分析，使用户直观了解页面中不同区域的相关数据，另外还可以提升用户的交互体验。...
【技术保护点】
【技术特征摘要】
1.一种页面数据处理方法，应用于页面端，其中，预先配置采集组件和跨端组件，所述方法包括：所述采集组件响应目标页面的打开，判断是否唤醒所述跨端组件；所述采集组件采集针对所述目标页面的相关数据，并将所述相关数据上报服务端；所述跨端组件被唤醒后建立与所述服务端之间的跨端连接，并将所述目标页面的跨端信息通过所述跨端连接发送给所述服务端。2.根据权利要求1所述的方法，其中，所述预先配置采集组件和跨端组件包括：若所述目标页面为网页页面，则所述采集组件中预先配置有所述跨端组件，且所述目标页面对应的页面代码中预先配置有所述采集组件对应的脚本；或，若所述目标页面为应用程序页面，则在应用程序中配置采集组件和跨端组件；或，若所述目标页面为小程序页面，则在小程序框架中配置采集组件和跨端组件。3.根据权利要求1所述的方法，其中，所述采集组件响应目标页面的打开，判断是否唤醒所述跨端组件包括：所述采集组件响应目标页面的打开，检测所述目标页面的URL地址的参数中是否包括跨端标识，或者，检测所述目标页面对应的二维码中是否包括跨端标识；所述采集组件若检测到所述跨端标识，则唤醒所述跨端组件。4.根据权利要求1所述的方法，其中，所述采集组件采集针对所述目标页面的相关数据包括：所述采集组件响应所述目标页面的打开，从内容分发网络获取埋点配置信息，并基于所述埋点配置信息采集针对所述目标页面的相关数据。5.根据权利要求4所述的方法，其中，所述埋点配置信息包括访问埋点、点击事件埋点和曝光事件埋点中至少一种埋点的配置信息；所述访问埋点、所述点击事件埋点和所述曝光事件埋点中的至少一种埋点为可视化埋点或代码化埋点；所述针对所述目标页面的相关数据包括访问数据、点击数据和曝光数据中的至少一种数据。6.根据权利要求5所述的方法，其中，所述方法还包括：所述采集组件基于所述埋点配置信息在所述目标页面的文档对象模型的至少一个节点上打标，所述打标对应的节点为点击事件埋点和...
【专利技术属性】
技术研发人员：胡清亮，
申请(专利权)人：友盟同欣北京科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。