基础代码添加
8.1.1 代码介绍
基础统计代码用于加载SiteMonitor JS监测脚本， 是系统收数的基础。 在网页上正确添加基础统计代码后，即可实现系统诸多报表的数据收集。
8.1.2 代码导出
有以下2种方式可导出代码：
- 新建站点时，保存并导出基础统计代码
- 已有站点，通过查看后台的 设置 > 统计代码
导出的代码样例
<script>
(function(a, e, f, g, b, c, d) {a.ClickiTrackerName = b;
a[b] = a[b] || function() {(a[b].queue = a[b].queue || []).push(arguments)};
a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
})(window, document, 'script', '//stm-cdn.cn.miaozhen.com/clicki.min.js?v='+Math.round(new Date().getTime()/1000/300), 'stm_clicki');
/*注： 以上代码向服务器请求JavaScript脚本*/
/*注：以下代码创建追踪对象*/
stm_clicki('create', 'dc-XXX', 'auto');/*注释，dc-xxx为您的站点id*/
stm_clicki('send', 'pageview');
</script>
8.1.3 代码使用
部署方法：直接复制代码粘贴与网页上，推荐加在</head>标签结束前，以保证收数更完整。
Tips：通常一个页面只加载一套站点ID的代码，但有时需要在同一个页面加两套站点ID的代码，则需要在第二套代码做一些修改。
<script>
(function(a, e, f, g, b, c, d) {a.ClickiTrackerName = b;
a[b] = a[b] || function() {(a[b].queue = a[b].queue || []).push(arguments)};
a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
})(window, document, 'script', '//stm-cdn.cn.miaozhen.com/clicki.min.js?v='+Math.round(new Date().getTime()/1000/300), 'stm_clicki');
/*注： 以上代码向服务器请求JavaScript脚本*/
/*注：以下代码创建追踪对象*/
stm_clicki('create', 'dc-1', 'auto');/*注释，第一套站点id为dc-1的追踪代码*/
stm_clicki('send', 'pageview');
stm_clicki('create', 'dc-2', 'auto',{'name':'secondSite'} );/*注释，第二套站点id为dc-2的追踪代码*/
stm_clicki('secondSite.send', 'pageview');
</script>
8.1.4 其他说明
- SiteMonitor 基础统计脚本采用异步加载机制，不阻碍网页上其他内容的加载与渲染。
- SiteMonitor 基础统计脚本采用CDN技术进行加速，以保证脚本的更高获取度
8.1.5 加码检查
检查秒针SiteMonitor 基础监测代码是否添加成功？
步骤一: 打开您添加秒针站点监测代码的页面
练习可使用该页面: http://www.miaozhen.com
步骤二: 打开Chrome开发者工具
- 方法一: 在页面上点击右键, 审查元素 (推荐)
- 方法二: Ctrl + Shift + I
- 方法三: F12
步骤三: 打开Network查看网络请求
- 在开发者工具的菜单栏中可以找到NetWork标签。
- 打开NetWork标签, 勾选其中的"Disable cache"。
- 刷新当前页面。
步骤四: 过滤网络请求
由于页面请求个数多, 页面请求和收数请求掺杂在一起。通过下述方法可以精确的定位收数请求, 检查请求结果。
在NetWork标签下, 点亮Filters漏斗图标, 在如下的过滤框里输入"stm" 或者是 "miaozhen"。
可以看到该页面包含一个click.min.js(基础JS), 一个heatmap.js(热图JS), 和四个长链请求(一个PV+三个心跳)。
点开某个长链并打开该请求的Header部分, 可以可以看到具体的请求内容。其中参数tid代表您的站点. t代表发送的请求类型。
出现以上效果说明, 秒针SiteMonitor代码加码成功