意林读者第七期：追踪用户信息

如何追踪用户

接下来的开发任务中会涉及到前端埋点的一些内容，埋点的本质其实就是对用户的行为进行记录，生成出用户的行为数据，然后对这些数据进行分析，为业务侧人员提供线索。

理论上可以追踪到的用户信息有以下这些：

• ip地址
• 使用的设备信息
• 所处位置
• 浏览哪些内容
• 浏览多长时间
• 进行了哪些操作

当然，每个应用不一样，产生的效果也不一样，可以收集到的信息页不一样，比如:某宝等等。

而通过对这些数据进行分析，可以分析出更多的信息。比如：根据IP地址，可以进行定位。根据使用的设备信息，可以对用户的经济状况进行评估。根据浏览的内容及时长，可以推测出用户的喜爱偏好，以及在哪个时间空闲时间比较多等等，这里只是举个例子。

前端实现这些的方案有很多，但本质上都需要向后端发送一个请求，将数据传递给后端进行存储。例如：

css 埋点

<style>
.link:active::after{
  color:red;
  content:url('http://49.233.191.228/reportUserInfo?time=xxx');
}
</style>

css 的某些属性，常见的背景及其他的url的属性，在引用外部资源的时候会发送一个请求，这一点可以被我们利用。

伪装成image

  let img = new Image();
  let src = 'http://49.233.191.228/reportUserInfo?time=xxx';
  img.src = src;

原理也是使用了image可以发送一个请求。

手动埋点 和 自动埋点

手动埋点比较费时，自己在需要信息上报的位置手动进行上报。比如:用户点击某个按钮时发送上报信息的请求。

自动埋点实际上是对手动埋点进行了进一步的封装。在需要上报信息的Dom节点设置ID或其他对应的属性，然后项目中引入封装好的js库即可。

相比较来说手动埋点比较简单，但是维护起来比较费时耗力。自动埋点则对技术的要求高一些，需要写代码的人能够封装出符合项目要求的js库。

nginx镜像的使用

可以使用docker run 指令直接运行官方镜像

docker run -d -p 80:80 --name webserver nginx

然后使用docker ps 指令查看当前运行的docker容器

docker ps

创建index.html 文件，并将index.html 挂载到容器中

docker  run --name nginx-container -p 80:80 -v index.html:/usr/share/nginx

也可以使用Dockerfile构建新镜像

FROM nginx
COPY ./index.html /usr/share/nginx/html

执行docker build 命令

docker build -t my-nginx .

成功后执行docker run 启动容器

  docker run --name nginx-container -d my-nginx