网站流量日志埋点收集 —埋点代码编写—src 属性直接引入|学习笔记

简介: 快速学习网站流量日志埋点收集—埋点代码编写—src 属性直接引入

开发者学堂课程【大数据分析之企业级网站流量运营分析系统开发实战(第一阶段)网站流量日志埋点收集—埋点代码编写—src 属性直接引入】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/693/detail/12174


网站流量日志埋点收集—埋点代码编写—src 属性直接引入


内容简介

一、确定埋点代码

二、操作


一、确定埋点代码

埋点代码能否写好,直接影响后续数据能否进行收集。埋点代码本身是收集数据的js写在页面上就行,但是 js 如果写死在页面上不利于维护,所以把它单独变成 js 文件。所以在这种情况下,我们的埋点代码逻辑变得简单,它就是如何把 js 引入页面。

埋点代码:

本身埋点代码的逻辑是进行相关数据的收集js代码但是为了后续的维护方便,把 js 单独提取处理变成 js 文件。在这种情况下,我们埋点代码逻辑目的变成了如何把js文件引入页面上。而 Js 文件是通过 script 的 src 属性引入。


二、操作

方式一:通过 src 属性直接引入到页面

<html>

<head>

<script type“text/javascript”src=”js/collect.js”></

script>

</head>

<body>

<a id=“myid”href=www.baidu.comtarget=“_blank”></a>

</body>

</html>

其中<script type“text/javascript”src=”js/collect.js”></script>

是埋点代码,它的逻辑就是通过 src 属性来引入。

image.png

相关实践学习
通过日志服务实现云资源OSS的安全审计
本实验介绍如何通过日志服务实现云资源OSS的安全审计。
相关文章
|
10月前
|
人工智能 运维 监控
一招高效解析 Access Log,轻松应对泼天流量
一招高效解析 Access Log,轻松应对泼天流量
189 0
一招高效解析 Access Log,轻松应对泼天流量
|
监控 网络协议 CDN
阿里云国际监控查询流量、用量查询流量与日志统计流量有差异?
阿里云国际监控查询流量、用量查询流量与日志统计流量有差异?
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
|
存储 Java 关系型数据库
基于JSP的九宫格日志网站
基于JSP的九宫格日志网站
|
监控 安全 前端开发
Nginx 访问日志中有 Get 别的网站的请求是什么原因?
Nginx 访问日志中有 Get 别的网站的请求是什么原因?
273 0
|
开发框架 Java .NET
SpringBoot3中的属性绑定注解和YMAL配置文件、日志
SpringBoot3中的属性绑定注解和YMAL配置文件、日志
|
数据采集 SQL 监控
一次基于日志服务(SLS)进行前端业务埋点的实现过程
一次基于日志服务(SLS)进行前端业务埋点的实现过程
1650 1
|
Shell Perl
检测网卡流量,并按规定格式记录在日志中
检测网卡流量,并按规定格式记录在日志中
160 2
|
存储 弹性计算 监控
日志服务SLS最佳实践:通过SLS数据加工从VPC flowlog中过滤出跨region CEN流量
本文就通过一个客户的实际案例开介绍如何使用在无法直接开启CEN flowlog的情况下,使用SLS的数据加工能力,从VPC flowlog的数据中过滤出客户需要的流量日志出来。
656 0
日志服务SLS最佳实践:通过SLS数据加工从VPC flowlog中过滤出跨region CEN流量