CN111061627B - 网页埋点方法、装置、电子设备及存储介质 - Google Patents
网页埋点方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111061627B CN111061627B CN201911144588.7A CN201911144588A CN111061627B CN 111061627 B CN111061627 B CN 111061627B CN 201911144588 A CN201911144588 A CN 201911144588A CN 111061627 B CN111061627 B CN 111061627B
- Authority
- CN
- China
- Prior art keywords
- website
- file
- statement
- monitored
- packaging
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Data Mining & Analysis (AREA)
- Debugging And Monitoring (AREA)
Abstract
本公开关于一种网页埋点方法、装置、电子设备及存储介质,所述方法包括:获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器。由此,可使得开发人员在网站开发过程中,无需针对网站网页中待调试和埋点的地方分别编写不同的语句以输出调试信息和网站上线后埋点,相当于“抹平”了网站开发过程中调试与运行时埋点之间的差异,减少了网站开发过程中的调试和埋点的工作量。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种网页埋点方法、装置、电子设备及存储介质。
背景技术
埋点是网站分析的一种常用数据采集方法,通过在网页中进行埋点可以获取到网页的运行数据,再对这些运行数据进行分析可以帮助企业更好地追踪问题和分析网站运行状况,从而进行问题修复和产品迭代优化。
在网站的开发过程中,通常需要对网站网页进行调试和埋点。相关技术中,在进行网站开发时,需要由开发人员针对待调试的地方和待埋点的地方分开编写调试语句和埋点语句,从而达到调试信息输出以及网站上线后的埋点的目的。
发明内容
本公开提供一种网页埋点方法、装置、电子设备及存储介质,以至少解决相关技术中分开编写调试语句和埋点语句而导致的网站开发工作量大的问题。
本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种网页埋点方法,包括:
获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;
基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器。
根据本公开实施例的第二方面,提供一种网页埋点装置,包括:
获取单元,被配置为执行获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;
处理单元,被配置为执行基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现本公开实施例的第一方面所述的网页埋点方法。
根据本公开实施例的第四方面,提供一种存储介质,当所述存储介质中的指令由网页埋点装置的处理器执行时,使得网页埋点装置能够执行本公开实施例的第一方面所述的网页埋点方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,包括一条或多条指令,该指令可以由电子设备的处理器执行时,使得电子设备能够执行本公开实施例的第一方面所述的网页埋点方法。
本公开的实施例提供的技术方案至少带来以下有益效果:通过webpack打包工具对网站开发文件进行编译打包处理,将网站开发文件中的调试语句编译为埋点语句,以实现对网站网页的埋点,使得开发人员在网站开发过程中,无需针对网站网页中待调试和埋点的地方分别编写不同的语句以输出调试信息和网站上线后埋点,相当于“抹平”了网站开发过程中调试与运行时埋点之间的差异,减少了网站开发过程中的调试和埋点的工作量。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是本公开实施例涉及的实施环境的示意图。
图2是根据一示例性实施例示出的一种网页埋点方法的流程图。
图3是根据另一示例性实施例示出的一种网页埋点方法的流程图。
图4是根据一示例性实施例示出的一种网页埋点装置的框图。
图5是根据另一示例性实施例示出的一种网页埋点装置的框图。
图6是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
下面结合附图,详细说明本公开各实施例提供的技术方案。
在对本公开实施例提供的技术方案进行说明之前,首先对本公开实施例涉及的实施环境进行说明。图1是本公开实施例涉及的实施环境的示意图。如图1所示,本公开实施例涉及的实施环境包括:终端设备100和网站服务器200,且终端设备100和网站服务器200通信连接。其中,终端设备100可以是提供网站开发、开发文件编译、埋点操作以及埋点数据上传的任何设备,例如PC(Personal Computer)机、便携式计算机(例如笔记本电脑等)、桌面型计算机等。终端设备100上可安装网站开发所需的工具,例如用于对网站开发文件进行编译打包处理的webpack打包工具等。
基于图1所述的实施环境,本公开实施例提供一种网页埋点方法,应用于终端设备,该终端设备可以是图1所示的终端设备100。图2是根据一示例性实施例示出的一种网页埋点方法的流程图,如图2所示,该方法包括如下步骤:
在步骤S21中,获取网站开发文件。
其中,所述网站开发文件是网站开发人员在开发过程中编写的网站源文件,其包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句。网站网页的待监测对象可以包括网站网页的各类元素,例如文本输入框、链接、图片、按键等。
所述预设语言可以是JavaScript语言,在此情形下,调试语句可以包括JavaScript语言自带的console.log语句、alert语句以及console.warn语句等。当调试调试语句被执行时可输出相应的调试信息。
示例地,网站开发人员在编写网站开发文件时,可使用console.log语句编写待监测对象的调试语句,通过该调试语句可用于在调试时输出针对待监测对象的调试信息。
在步骤S22中,基于预先配置的打包工具对网站开发文件进行编译打包处理,以将网站开发文件中的调试语句编译为埋点语句。
其中,具体实施时,可由网站开发人员预先对打包工具进行配置,以使所述打包工具具有对所述网站开发文件中的各种静态资源文件进行编译打包处理的功能,具体地,所述打包工具可以将所述网站开发文件中的调试语句编译为埋点语句。
所述埋点语句用于在被执行时采集待监测对象的运行数据并上传至网站服务器(如图1所示的网站服务器200)。
示例地,埋点语句可以是JavaScript中的window.kslog语句。window.kslog语句是一种数据传递语句,其具体结构为window.kslog(params),其中,params为需要采集的待监测对象的运行数据,该埋点语句被执行时会采集待监测对象的运行数据并将采集到的运行数据转译成字符串(如形如a=1&b=2的字符串)。
其中,待监测对象的运行数据可以包括待监测对象的点击次数、停留时间、向待监测对象中输入的数据等一种或多种数据。例如,待监测对象为图片,则待监测对象的运行数据可以包括图片的点击次数、停留时间等;又例如,待监测对象为文本输入框,则待监测对象的运行数据可以包括文本输入框中的文本,等等。
在本公开实施例中,通过预先配置的打包工具对网站开发文件进行编译打包处理,将网站开发文件中的调试语句编译为埋点语句,以实现对网站网页的埋点,使得开发人员在网站开发过程中,无需针对网站网页中待调试和埋点的地方分别编写不同的语句以输出调试信息和网站上线后埋点,相当于“抹平”了网站开发过程中调试与运行时埋点之间的差异,减少了网站开发过程中的调试和埋点的工作量。
在本公开实施例提供的网页埋点方法中,可选地,作为一种实施方式,所述打包工具可以包括webpack打包工具,该打包工具是一个前端打包工具,它可以根据文件内各模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。相应地,如图3所示,上述步骤S22可以按照如下所述的方式具体实施:
在步骤S221中,对网站开发文件的目录进行递归查询,获取预设语言格式的文件。
具体地,由于所述网站开发文件中不同的静态资源文件的后缀名不同,可通过遍历所述网站开发文件的目录中各文件的后缀名来查找预设语言格式的文件,例如,预设语言为JavaScript,则可查找后缀名为.js的文件。
在步骤S222中,通过webpack打包工具的loader加载器加载预设语言格式的文件,以将预设语言格式的文件中的调试语句编译为对应的埋点语句。
在获取到所述预设语言格式的文件后,可通过所述webpack打包工具中预先配置好的与所述预设语言格式的文件对应的loader加载器加载所述预设语言格式的文件。
其中,loader加载器是webpack中一个类似于插件的机制,其可起到编译作用,能够将源文件经过编译转化后输出新的结果。具体实施时,可由开发人员对loader加载器进行配置,示例地,可通过配置loader加载器中的test、exclude、include、loader等参数将loader加载器配置为用于将调试语句(如console.log、console.warn以及alert等)编译为埋点语句window.kslog。其中,test参数用于指示当前配置项针对的资源,exclude参数用于剔除需要忽略的资源,include参数用于指示该loader所针对的目录或文件,loader参数用于指示处理目标资源(如所述网站开发文件中的所述预设语言格式的文件)所需采用的loader。
可以理解,在该实施方式中,利用webpack打包工具能够兼容多种js书写规范且可以处理多种静态资源文件间的依赖关系的特点,通过基于webpack打包工具对所述网站开发文件进行编译打包处理,可以实现对所述网站开发文件中可能包含的JavaScript、CSS、图片、Jade等多种静态资源文件的统一管理和打包编译,相比于针对不同的静态资源文件分别采用相应的打包工具进行编译打包,提高了编译打包处理效率。并且,在编译打包处理过程中,通过对网站开发文件的目录进行递归查询获取所述预设语言格式的文件,可以实现对所述预设语言格式的文件的快速查找;利用所述webpack打包工具自带的loader加载器,通过预先配置所述webpack打包工具的loader加载器,使该loader加载器具有将所述预设语言格式文件中的调试语句编译为埋点语句的功能,由此,在查询到所述预设语言格式的文件后,通过该loader加载器加载所述预设语言格式的文件,可实现调试语句到埋点语句的自动编译,实现简单、编译效率高。在本公开的另一个实施例中,由于网站开发和调试通常是在开发环境过程中进行,而在开发环境中可能存在开发环境中跨域、开发环境和面向用户的生产环境因环境不同而产生的未知错误等问题而会输出错误报告,考虑到网站上线后面向用户,为去掉针对开发者的相关代码,以优化网站性能以及避免向用户展示网站开发和调试过程中产生的错误报告,在上述步骤S22之前,本公开实施例提供的网页埋点方法还可以包括:将webpack打包工具的环境配置为生产环境。
具体实施时,可通过配置webpack.base.conf.js文件、webpack.prod.con.js文件、package.json文件以及设定nodeJs的执行环境等将webpack打包工具的环境配置为生产环境。其中,webpack.base.conf.js文件为webpack的开发环境和生产环境的共有配置文件,webpack.prod.con.js文件为webpack的生产环境的配置文件。
对webpack.base.conf.js文件的配置可以例如包括但不限于:配置需要打包的入口文件(如值可以是字符串、数组、对象等)、配置输出文件的URL(Uniform ResourceLocator,统一资源定位符)路径、配置依赖文件的匹配(如依赖文件的别名、模块的查找目录、默认查找的文件后缀名)等。对webpack.prod.con.js文件的配置可以例如包括导出目录、代码混淆、去除冗余代码等相关的配置。对于package.json文件的配置,可在该package.json文件中增加打包配置项build。在配置好webpack.base.conf.js文件、webpack.prod.con.js文件以及package.json文件后,可将nodeJs的执行环境设定为production。由此,所述webpack打包工具的环境被配置为生产环境。
可以理解,通过在基于预先配置的打包工具对所述网站开发文件进行编译打包处理之前,将所述webpack打包工具的环境配置为生产环境,使得经所述webpack打包工具编译打包处理后输出的文件可由用户通过外网访问。
需要说明的是,在本公开的另一些实施方式中,所述打包工具还可以包括Parcel打包工具,该打包工具是一个零配置的Web应用打包工具。相应地,上述步骤S22可以按照如下所述的方式具体实施:首先,可基于addPackager方法在该Parcel打包工具中注册一个预先配置的packager类,该packager类被配置为接收所述预设语言格式(如JavaScript)的文件并对该文件进行打包编译,以将该文件中的调试语句编译为对应的埋点语句。接着,将网站开发文件加载到该Parcel打包工具中,通过该Parcel打包工具中的packager类将该网站开发文件中预设语言格式的文件中的调试语句编译为对应的埋点语句。
由于编译打包处理后得到的文件在由位于前端的网页客户端运行时会在网页客户端输出展示相应的调试信息,而为了避免将调试信息展示给用户,通常需要网站开发人员在调试结束后手动删除文件中的调试语句。有鉴于此,在本公开的另一个实施例中,在上述步骤S22之后,本公开实施例提供的网页埋点方法还可以包括:将对网站开发文件进行编译打包处理后得到的文件上传至网站服务器,由网站服务器运行编译打包处理后得到的文件。由此,运行得到的调试信息等将存储在网站服务器中,可以避免调试结束后输出的调试信息被展示给用户,相比于现有的网站开发过程中需要开发人员在调试结束后手动删除调试语句,进一步减少了网站开发的工作量。
在本公开实施例提供的网页埋点方法中,在上述步骤S22之后,可将网站上线。在网站的运行过程中,通过执行待监测对象的埋点语句,由所执行的埋点语句完成网站网页上的待监测对象的运行数据的采集,之后,所述埋点语句会将采集到的运行数据上传给网站服务器,由网站服务器解析待监测对象的运行数据并按照设定的格式记录到访问日志中。
示例地,以社交网站为例,该社交网站的待监测对象为该社交网站展示的视频,该待检测对象的埋点语句为用于采集该视频的点击次数的代码。相应地,当检测到用户点击该视频的操作时,会触发和执行该待监测对象的埋点语句,记录该视频的点击次数并上传给网站服务器,由网站服务器按照设定的格式记录到访问日志中。
可选地,作为一种实施方式,可按照如下方式具体实施:在监测到网站网页的待监测对象的埋点语句被触发时,采集待监测对象的运行数据,基于网站网页的访问地址和待监测对象的运行数据,生成图片请求,并向网站服务器发送该图片请求,以使网站服务器基于图片请求提取待监测对象的运行数据。
示例地,网站网页的访问地址为www.xxx.com/rest/collect?,待监测对象的运行数据a=1&b=2...,将网站网页的访问地址和待监测对象的运行数据进行拼接,可得到地址www.xxx.com/rest/collect?a=1&b=2...,将该地址作为图片请求地址,向网站服务器发送该图片请求。网站服务器在接收到该图片请求后,可从请求地址中提取出待监测对象的运行数据a=1&b=2...。
可以理解,通过图片请求的形式向网站服务器发送采集到的待监测对象的运行数据,可以解决前端网页与后端网站服务器之间的跨域问题,实现跨域友好。
图4是根据本公开一示例性实施例示出的一种网页埋点装置的框图,如图4所示,该装置400包括获取单元401和处理单元402。
该获取单元401被配置为执行获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句。
该处理单元402被配置为执行基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器。
在本实施例所述的网页埋点装置中,通过预先配置的打包工具对网站开发文件进行编译打包处理,将网站开发文件中的调试语句编译为埋点语句,以实现对网站网页的埋点,使得开发人员在网站开发过程中,无需针对网站网页中待调试和埋点的地方分别编写不同的语句以输出调试信息和网站上线后埋点,相当于“抹平”了网站开发过程中调试与运行时埋点之间的差异,减少了网站开发过程中的调试和埋点的工作量。
在一种可选的实施方式中,所述打包工具包括webpack打包工具;
所述处理单元402还被配置为执行:
对所述网站开发文件的目录进行递归查询,获取所述预设语言格式的文件;
通过所述webpack打包工具的loader加载器加载所述预设语言格式的文件,以将所述预设语言格式的文件中的所述调试语句编译为对应的埋点语句。
可以理解,在该实施方式中,利用webpack打包工具能够兼容多种js书写规范且可以处理多种静态资源文件间的依赖关系的特点,通过基于webpack打包工具对所述网站开发文件进行编译打包处理,可实现对所述网站开发文件中可能包含的JavaScript、CSS、图片、Jade等多种静态资源文件的统一管理和打包编译,相比于针对不同的静态资源文件分别采用相应的打包工具进行编译打包,提高了编译打包处理效率。并且,在编译打包处理过程中,通过对网站开发文件的目录进行递归查询获取所述预设语言格式的文件,可以实现对所述预设语言格式的文件的快速查找;利用所述webpack打包工具自带的loader加载器,通过预先配置所述webpack打包工具的loader加载器,使该loader加载器具有将所述预设语言格式文件中的调试语句编译为埋点语句的功能,由此,在查询到所述预设语言格式的文件后,通过该loader加载器加载所述预设语言格式的文件,可实现调试语句到埋点语句的自动编译,实现简单、编译效率高。
在本公开的另一个实施例中,考虑到网站上线后面向用户,为去掉针对开发者的相关代码,以优化网站性能,如图5所示,所述装置400还包括:
配置单元403,被配置为在所述处理单元402基于预先配置的webpack打包工具对所述网站开发文件进行编译打包处理之前,执行将所述webpack打包工具的环境配置为生产环境。
可以理解,通过在基于预先配置的打包工具对所述网站开发文件进行编译打包处理之前,将所述webpack打包工具的环境配置为生产环境,使得经所述webpack打包工具编译打包处理后输出的文件可由用户通过外网访问。
在本公开的另一个实施例中,如图5所示,所述装置400还包括:
第一发送单元404,被配置为在所述处理单元402基于预先配置的webpack打包工具对所述网站开发文件进行编译打包处理之后,执行将对所述网站开发文件进行编译打包处理后得到的文件上传至所述网站服务器。
由此,可以避免调试结束后输出的调试信息被展示给用户,相比于现有的网站开发过程中需要开发人员在调试结束后手动删除调试语句,进一步减少了网站开发的工作量。
在本公开的另一个实施例中,如图5所示,所述装置400还包括:
采集单元405,被配置为执行在监测到所述网站网页的待监测对象的埋点语句被触发时,采集所述待监测对象的运行数据;
生成单元406,被配置为执行基于所述网站网页的访问地址和所述待监测对象的运行数据,生成图片请求;
第二发送单元407,被配置为执行向所述网站服务器发送所述图片请求,以使所述网站服务器基于所述图片请求提取所述待监测对象的运行数据。
可以理解,通过图片请求的形式向网站服务器发送采集到的待监测对象的运行数据,可以解决前端网页与后端网站服务器之间的跨域问题,实现跨域友好。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图6是根据一示例性实施例示出的一种电子设备600的框图。例如,装置600可以是PC(Personal Computer)机、便携式计算机(例如笔记本电脑等)、桌面型计算机等终端设备。如图6所示,该电子设备600可以包括:处理器601,存储器602。该电子设备600还可以包括多媒体组件603,输入/输出(I/O)接口604,以及通信组件605中的一者或多者。
其中,处理器601用于控制该电子设备600的整体操作,以完成上述的网页埋点方法中的全部或部分步骤。存储器602用于存储各种类型的数据以支持在该电子设备600的操作,这些数据例如可以包括用于在该电子设备600上操作的任何应用程序或方法的指令,以及应用程序相关的数据,例如联系人数据、收发的消息、图片、音频、视频等等。该存储器602可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,简称SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM),可擦除可编程只读存储器(Erasable Programmable Read-Only Memory,简称EPROM),可编程只读存储器(Programmable Read-Only Memory,简称PROM),只读存储器(Read-Only Memory,简称ROM),磁存储器,快闪存储器,磁盘或光盘。多媒体组件603可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏,音频组件用于输出和/或输入音频信号。例如,音频组件可以包括一个麦克风,麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器602或通过通信组件605发送。音频组件还包括至少一个扬声器,用于输出音频信号。I/O接口604为处理器601和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件605用于该电子设备600与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(Near FieldCommunication,简称NFC),2G、3G或4G,或它们中的一种或几种的组合,因此相应的该通信组件605可以包括:Wi-Fi模块,蓝牙模块,NFC模块。
在一示例性实施例中,电子设备600可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit,简称ASIC)、数字信号处理器(DigitalSignal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field Programmable Gate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述的网页埋点方法。
在另一示例性实施例中,还提供了一种包括程序指令的计算机可读存储介质,该程序指令被处理器执行时实现上述的网页埋点方法的步骤。例如,该计算机可读存储介质可以为上述包括程序指令的存储器602,上述程序指令可由电子设备600的处理器601执行以完成上述的网页埋点方法。
本公开实施例还提供了一种计算机程序产品,包括指令,当计算机程序产品被计算机所执行时,该指令使得计算机执行上述的网页埋点方法。例如,网页埋点方法包括以下步骤:
获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;
基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种网页埋点方法,其特征在于,包括:
获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;
基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器;
所述打包工具包括webpack打包工具;
所述基于预先配置的打包工具对所述网站开发文件进行编译打包处理,包括:
对所述网站开发文件的目录进行递归查询,获取所述预设语言格式的文件;
通过所述webpack打包工具的loader加载器加载所述预设语言格式的文件,以将所述预设语言格式的文件中的所述调试语句编译为对应的埋点语句,其中,所述埋点语句为JavaScript中的window.kslog语句。
2.根据权利1所述的方法,其特征在于,在所述基于预先配置的打包工具对所述网站开发文件进行编译打包处理之前,所述方法还包括:
将所述webpack打包工具的环境配置为生产环境。
3.根据权利要求1所述的方法,其特征在于,在所述基于预先配置的打包工具对所述网站开发文件进行编译打包处理之后,所述方法还包括:
将对所述网站开发文件进行编译打包处理后得到的文件上传至所述网站服务器。
4.根据权利要求1至3中任一项所述的方法,其特征在于,所述方法还包括:
在监测到所述网站网页的待监测对象的埋点语句被触发时,采集所述待监测对象的运行数据;
基于所述网站网页的访问地址和所述待监测对象的运行数据,生成图片请求;
向所述网站服务器发送所述图片请求,以使所述网站服务器基于所述图片请求提取所述待监测对象的运行数据。
5.一种网页埋点装置,其特征在于,包括:
获取单元,被配置为执行获取网站开发文件,所述网站开发文件包括采用预设语言编写的用于对网站网页的待监测对象进行调试的调试语句;
处理单元,被配置为执行基于预先配置的打包工具对所述网站开发文件进行编译打包处理,以将所述网站开发文件中的所述调试语句编译为埋点语句,其中,所述埋点语句用于在被执行时采集所述待监测对象的运行数据并上传至网站服务器;
所述打包工具包括webpack打包工具;
所述处理单元还被配置为执行:
对所述网站开发文件的目录进行递归查询,获取所述预设语言格式的文件;
通过所述webpack打包工具的loader加载器加载所述预设语言格式的文件,以将所述预设语言格式的文件中的所述调试语句编译为对应的埋点语句,其中,所述埋点语句为JavaScript中的window.kslog语句。
6.根据权利要求5所述的装置,其特征在于,所述装置还包括:
配置单元,被配置为在所述处理单元基于预先配置的webpack打包工具对所述网站开发文件进行编译打包处理之前,执行将所述webpack打包工具的环境配置为生产环境。
7.根据权利要求5所述的装置,其特征在于,所述装置还包括:
第一发送单元,被配置为在所述处理单元基于预先配置的webpack打包工具对所述网站开发文件进行编译打包处理之后,执行将对所述网站开发文件进行编译打包处理后得到的文件上传至所述网站服务器。
8.根据权利要求5至7中任一项所述的装置,其特征在于,所述装置还包括:
采集单元,被配置为执行在监测到所述网站网页的待监测对象的埋点语句被触发时,采集所述待监测对象的运行数据;
生成单元,被配置为执行基于所述网站网页的访问地址和所述待监测对象的运行数据,生成图片请求;
第二发送单元,被配置为执行向所述网站服务器发送所述图片请求,以使所述网站服务器基于所述图片请求提取所述待监测对象的运行数据。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至4中任一项所述的网页埋点方法。
10.一种存储介质,当所述存储介质中的指令由网页埋点装置的处理器执行时,使得网页埋点装置能够执行如权利要求1至4中任一项所述的网页埋点方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911144588.7A CN111061627B (zh) | 2019-11-20 | 2019-11-20 | 网页埋点方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911144588.7A CN111061627B (zh) | 2019-11-20 | 2019-11-20 | 网页埋点方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111061627A CN111061627A (zh) | 2020-04-24 |
CN111061627B true CN111061627B (zh) | 2023-10-03 |
Family
ID=70298293
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911144588.7A Active CN111061627B (zh) | 2019-11-20 | 2019-11-20 | 网页埋点方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111061627B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114885013B (zh) * | 2022-05-06 | 2024-03-12 | 北京达佳互联信息技术有限公司 | 打包信息上报方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106469185A (zh) * | 2016-08-29 | 2017-03-01 | 浪潮电子信息产业股份有限公司 | 一种网站统计中进行数据收集的方法 |
CN106547527A (zh) * | 2015-09-22 | 2017-03-29 | 阿里巴巴集团控股有限公司 | 一种JavaScript文件构建方法及装置 |
CN106598830A (zh) * | 2015-10-16 | 2017-04-26 | 阿里巴巴集团控股有限公司 | 移动终端的网页脚本调试方法及系统 |
WO2017084508A1 (zh) * | 2015-11-17 | 2017-05-26 | 阿里巴巴集团控股有限公司 | 自动埋点方法和装置 |
WO2017167042A1 (zh) * | 2016-04-01 | 2017-10-05 | 阿里巴巴集团控股有限公司 | 前端用户行为统计方法及装置 |
CN107562598A (zh) * | 2017-08-03 | 2018-01-09 | 合肥美的智能科技有限公司 | 处理方法、装置、计算机装置、服务器和可读存储介质 |
CN108536451A (zh) * | 2016-12-05 | 2018-09-14 | 腾讯科技(深圳)有限公司 | 应用程序的埋点注入方法和装置 |
-
2019
- 2019-11-20 CN CN201911144588.7A patent/CN111061627B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106547527A (zh) * | 2015-09-22 | 2017-03-29 | 阿里巴巴集团控股有限公司 | 一种JavaScript文件构建方法及装置 |
CN106598830A (zh) * | 2015-10-16 | 2017-04-26 | 阿里巴巴集团控股有限公司 | 移动终端的网页脚本调试方法及系统 |
WO2017084508A1 (zh) * | 2015-11-17 | 2017-05-26 | 阿里巴巴集团控股有限公司 | 自动埋点方法和装置 |
WO2017167042A1 (zh) * | 2016-04-01 | 2017-10-05 | 阿里巴巴集团控股有限公司 | 前端用户行为统计方法及装置 |
CN106469185A (zh) * | 2016-08-29 | 2017-03-01 | 浪潮电子信息产业股份有限公司 | 一种网站统计中进行数据收集的方法 |
CN108536451A (zh) * | 2016-12-05 | 2018-09-14 | 腾讯科技(深圳)有限公司 | 应用程序的埋点注入方法和装置 |
CN107562598A (zh) * | 2017-08-03 | 2018-01-09 | 合肥美的智能科技有限公司 | 处理方法、装置、计算机装置、服务器和可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111061627A (zh) | 2020-04-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110955428A (zh) | 一种页面显示方法、装置、电子设备及介质 | |
CN110825619A (zh) | 接口测试用例自动生成方法、装置及存储介质 | |
CN109308254B (zh) | 一种测试方法、装置及测试设备 | |
CN110321154B (zh) | 一种微服务的接口信息展示方法、装置及电子设备 | |
US20060155807A1 (en) | System and method for creating web services from an existing web site | |
US9201761B1 (en) | Debugging data format conversion | |
CN108984202B (zh) | 一种电子资源分享方法、装置和存储介质 | |
CN110858172A (zh) | 一种自动化测试代码生成方法和装置 | |
CN107015903B (zh) | 一种界面测试程序的生成方法、装置及电子设备 | |
CN110865834B (zh) | 应用程序界面更新方法、装置、可读存储介质及终端设备 | |
CN106776318A (zh) | 一种测试脚本录制方法及系统 | |
CN112541002A (zh) | 程序语言转换方法、装置、电子设备及存储介质 | |
CN113760729A (zh) | 一种代码检测方法和装置 | |
CN113268245A (zh) | 代码分析方法、装置及存储介质 | |
CN107391118B (zh) | 一种Web应用用户体验平台系统 | |
US20190163610A1 (en) | Networked digital data processor log file viewer | |
CN113778897B (zh) | 接口的自动测试方法、装置、设备及存储介质 | |
CN111061627B (zh) | 网页埋点方法、装置、电子设备及存储介质 | |
CN104954363A (zh) | 用于生成接口文档的方法和装置 | |
CN114371888A (zh) | 日志采集插件的热更新方法、装置、电子设备和可读介质 | |
CN112632419A (zh) | 域名预解析配置方法、装置、计算机设备及存储介质 | |
CN109062797B (zh) | 生成信息的方法和装置 | |
CN112905936A (zh) | 页面录制动画生成、页面操作日志查询方法和计算机设备 | |
CN112988560A (zh) | 测试系统健壮性的方法和装置 | |
CN113722236B (zh) | 游戏调试方法、装置、设备、存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |