js埋点技术入门解析,服务器安装

本文介绍了JS埋点技术在企业中的应用,强调了解耦合的重要性,并提出将埋点代码放入独立文件。针对服务器压力问题,建议设置专用数据采集服务器,但面临跨域挑战。通过1x1像素图片作为载体,巧妙规避跨域限制。详细阐述了埋点数据的采集、发送、接收流程,以及自调用匿名函数在初始化时的作用。同时,提到了环境部署的相关内容。
摘要由CSDN通过智能技术生成

在这里插入图片描述
一般在企业种我们都会在html页面设置js埋点代码、
1、js写死在页面与页面耦合性太强不利于维护,不利于后续维护,如何解耦合?
将埋点代码写在单独文件、

 <script  type=text/javascript  src="xxx/xxx.js"> 指向自己站点的相对引入
  <script  type=text/javascript  src="www.xxx.com/xxx/xxx.js"> 指向其他站点的绝对路径引入

2、如果往自身后台发送数据会造成服务器压力过大,
答:我们可以将采集的数据单独提取处理部署一台服务器(专门用来采集数据的接受) 但是这样又会出现跨域问题出现,
3、跨域问题解析与解决方案
解答:跨域:主机 协议 端口,js的同源策略问题会阻止跨域,如何将采集的数据发送到单独服务器还能解决跨域问题?这里我们可以使用图片,将图片大小设置为1*1
(这样不会对页面造成污染)在参数后面携带我们需要的数据即可,京东便史这样设置,表面上在请求图片,背后却是在得到采集的数据~~明修栈道、暗度陈仓
而这台单独采集数据的服务器只需要接收请求、解析数据、保存数据

红色框代表服务器
一般流程步骤:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值