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

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 快速学习网站流量日志埋点收集—埋点代码编写—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

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
4月前
|
SQL 存储 监控
|
2月前
|
jenkins 持续交付
jenkins学习笔记之三:使用jenkins共享库实现日志格式化输出
jenkins学习笔记之三:使用jenkins共享库实现日志格式化输出
jenkins学习笔记之三:使用jenkins共享库实现日志格式化输出
|
14天前
08-06-06>pe_xscan 精简log分析代码 速度提升一倍
08-06-06>pe_xscan 精简log分析代码 速度提升一倍
|
1月前
|
SQL 安全 数据库
基于SQL Server事务日志的数据库恢复技术及实战代码详解
基于事务日志的数据库恢复技术是SQL Server中一个非常强大的功能,它能够帮助数据库管理员在数据丢失或损坏的情况下,有效地恢复数据。通过定期备份数据库和事务日志,并在需要时按照正确的步骤恢复,可以最大限度地减少数据丢失的风险。需要注意的是,恢复数据是一个需要谨慎操作的过程,建议在执行恢复操作之前,详细了解相关的操作步骤和注意事项,以确保数据的安全和完整。
69 0
|
2月前
|
消息中间件 Kubernetes Kafka
微服务从代码到k8s部署应有尽有系列(十一、日志收集)
微服务从代码到k8s部署应有尽有系列(十一、日志收集)
|
2月前
分享一份 .NET Core 简单的自带日志系统配置,平时做一些测试或个人代码研究,用它就可以了
分享一份 .NET Core 简单的自带日志系统配置,平时做一些测试或个人代码研究,用它就可以了
|
3月前
|
监控
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
|
3月前
|
Unix Python
Python代码示例:使用`syslog`模块进行日志记录
Python代码示例:使用`syslog`模块进行日志记录
|
4月前
|
安全 Java 编译器
写个代码扫描插件,再也不怕 log4j 等问题
写个代码扫描插件,再也不怕 log4j 等问题
27 0
|
4月前
|
存储 Java 关系型数据库
基于JSP的九宫格日志网站
基于JSP的九宫格日志网站