日志服务接入方式之JS篇
本篇主要介绍使用JS SDK收集浏览器端的数据,附件是我们提供的JS库,使用它可以非常方便的收集浏览器端的信息,比如用户操作系统类型、浏览器类型和版本、屏幕分辩率等。除此以外,JS SDK还支持收集用户自定义的数据,比如在事件响应中收集特定的信息。
JS SDK提供了一种非常灵活的前端页面代码埋点方式,您可以使用JS SDK将您关心的任何数据写入日志服务,后续可以在日志服务中消费这些数据,比如导入ODPS、OSS,也可以使用Client Library进行自定义消费,下面将介绍下JS SDK的使用方法。
使用方法
step 1: 开通logstore的web tracking功能。
目前控制台暂不支持设置logstore支持tracking,如果要使用该功能,请先使用java sdk或者提工单给我们,工单里面列出需要开通的project、logstore。
使用java sdk请先引入maven地址:
<dependency><groupId>com.aliyun.openservices</groupId><artifactId>aliyun-log</artifactId><version>0.6.3</version>
</dependency>
import com.aliyun.openservices.log.Client;
import com.aliyun.openservices.log.common.LogStore;
import com.aliyun.openservices.log.exception.LogException;
public class WebTracking {static private String accessId = "your accesskey id";static private String accessKey = "your accesskey";static private String project = "your project";static private String host = "log service data address";static private String logStore = "your logstore";static private Client client = new Client(host, accessId, accessKey);public static void main(String[] args) {try {//在已经创建的logstore上开通tracking功能LogStore logSt = client.GetLogStore(project, logStore).GetLogStore();client.UpdateLogStore(project, new LogStore(logStore, logSt.GetTtl(), logSt.GetShardCount(), true));//关闭tracking功能//client.UpdateLogStore(project, new LogStore(logStore, logSt.GetTtl(), logSt.GetShardCount(), false));//新建支持tracking功能的logstore//client.UpdateLogStore(project, new LogStore(logStore, 1, 1, true));}catch (LogException e){e.printStackTrace();}}
}
step 2: 将loghub-static-tracking.js复制到web目录,在页面中引入如下脚本。
<script type="text/javascript" src="loghub-static-tracking.js"></script>
step 3:构造tracker对象,并替换其中的<endpoint>、<project>、<logstore>,构造方法中最后一个参数是可选参数,用于从cookie中获取session id,不填写则使用默认值'JSESSION'。
var logger = new window.Tracker('<endpoint>','<project>','<logstore>','<session key name>');
举例如下:
var logger = new window.Tracker('cn-hangzhou-staging-intranet.sls.aliyuncs.com','ali-test-tracking','test');
step 4:收集数据,例子如下:
//填写日志key/value字段
logger.push('key1','value1');
logger.push('key2','value2');
//调用系统提供的收集函数
window.Agent(logger);
//发送日志数据
logger.logger();
window.Agent函数会收集如下字段:
字段 | 说明 | 例子 |
---|---|---|
_ua_ | 浏览器类型以及版本 | Chrome: 50.0.2661.102 |
_os_ | 操作系统类型 | Win7 |
_scr_ | 屏幕分辨率 | 1920*1080 |
_title_ | 页面标题 | Aliyun |
_ref_ | 来源地址 | |
_url_ | 页面地址 | http://10.101.166.127/tracking.html |
_can_ | cookie信息 | userId=828; userName=hulk |
_sid_ | session id |
日志服务接入方式之JS篇相关推荐
- 日志服务接入方式之Unity 3D篇
Unity3D是由Unity Technologies开发的一个让玩家轻松创建诸如三维视频游戏.建筑可视化.实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎. 日志 ...
- 阿里云sls日志服务接入k8s-ingress访问日志分析与监控
接入k8s日志 接入k8s-ingress日志 一.接入数据 1.添加logtail-ds组件 2.安装配置alibaba-log-controller 二.查看Nginx Ingress日志与报表 ...
- 阿里云sls日志系统接入
目录 1. 概述 1.1什么是sls 1.2 基本概念术语 2. 快速入门 2.1 创建Project和Logstore 2.2 采集日志 2.3 查询与分析 3. 其它云接入SLS 3.1 接入流程 ...
- SpringCloud(第 017 篇)电影微服务接入Feign,添加 fallbackFactory 属性来触发请求进行容灾降级...
2019独角兽企业重金招聘Python工程师标准>>> SpringCloud(第 017 篇)电影微服务接入Feign,添加 fallbackFactory 属性来触发请求进行容灾 ...
- 日志服务(原SLS)新功能发布(5)--使用Logstash接入数据
日志服务结合Logstash 目前,阿里云用户可以通过API/SDK或Logtail将数据写入日志服务,今天要介绍流行开源软件Logstash如何集成日志服务. 我们基于日志Java SDK开发了lo ...
- 对接生态:Logstash 接入日志服务
背景 阿里云的日志服务(Log Service)是针对日志类数据的一站式服务,2013 年研发,至今已有 5 年多线上运行经验,经历双十一.新春红包等考验.其中,Logtail 作为日志服务的采集 A ...
- 网易im即时聊天php怎么接入,网易云信IM即时通讯功能接入方式与流程_如何收费_企业服务汇...
编者按:很多企业在考虑使用网易云信提供的IM即时通讯功能,对于企业应当如何接入该功能.接入方式和流程是怎样的.应当如何收费等不太清楚.企业服务汇通过评测网易云信IM即时通讯功能来告诉你答案. 网易云信 ...
- android 极光 环信,环信、容联云通讯、极光推送和网易云信IM即时通讯功能接入方式_部署方式_企业服务汇...
编者按:企业在挑选IM即时通讯功能服务商时,对于企业应当如何接入其IM功能.接入方式和部署方式有哪些等问题不太清楚.今天企业服务汇通过评测环信.容联云通讯.极光推送和网易云信这四家服务商来为你详细说明 ...
- [SpringCould篇]之服务消费方式Ribbon+RestTemplate
1.前言 1.1调用服务的方式 Spring-Cloud调用服务有两种方式 Ribbon+RestTemplate Feign Ribbon是一个基于HTTP和TCP客户端的负载均衡器,feign默认 ...
最新文章
- 如何在node.js中发出HTTP POST请求?
- java子网划分_子网划分讲解及练习(二)
- VTK:几何对象之Pyramid
- 内核隐藏进程(源码)
- hibernate异常之--count查询异常
- ITFriend创业败局(四):菜鸟CEO的自我修养
- CMOS图像传感器——TDI CIS
- 网络协议:TCP可靠传输
- tomcat下jndi的三种配置方式
- 无法解析的外部符号 __imp__glewinit
- springmvc重定向到另一个项目_SpringMVC结合Ajax、请求转发重定向、视图解析器
- 导入数据java生成逆向sql,用于回滚,你试过吗?
- Python 数据恢复实战 - 恢复U盘中的chk文件,以及误删的文件
- 机器视觉学习笔记(6)——双目摄像机标定参数说明
- 幼儿园体育游戏电子计算机教案,幼儿园体育游戏活动教案8篇
- close函数 qt_QT中关闭应用程序和窗口的函数(quit(),exit()以及close()的区别)
- 线性代数——矩阵的秩
- 多少秒算长镜头_电影术语中长镜头是什么意思?
- These songs can cheer you up when life gets hard
- 选择器权重及字体属性
热门文章
- 项目管理甘特图是什么?怎么做才能更高效?(EXCEL制作甘特图详细步骤)
- NCL将Grib文件转换成nc文件 JRA55文件说明
- html中i标签控制图标大小,直接使用i标签 class加入 material-icons属性
- 怎么用计算机拨号手机,怎么以以手机作为MODEM拨号上网,比如笔记本电脑在火车上...
- 51单片机数码管闪烁显示
- 教育系统+直播APP开发设计
- 计算机科学与技术属于什么学院,计算机科学与技术专业是什么学院的
- Ububtu Kylin 20.10 优麒麟操作系统下载
- 删除列表中重复值,重复值保留一个
- 注意:出海企业选择CRM系统和实施团队时需要避开这些坑