基础监测代码

基础统计代码用于加载秒针分析 JS监测脚本， 是系统收数的基础。 在网页上正确添加基础统计代码后，即可实现系统诸多报表的数据收集。

1 代码导出

有以下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>

2 代码使用

部署方法：直接复制代码粘贴与网页上，推荐加在</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>

3 其他说明

1. 秒针分析 基础统计脚本采用异步加载机制，不阻碍网页上其他内容的加载与渲染。
2. 秒针分析 基础统计脚本采用CDN技术进行加速，以保证脚本的更高获取度
3. 如将页面渲染的代码放在 window.onload 中，在极端情况下，Web JS SDK 发送的图片数据请求无法及时响应，会导致 window.onload 无法生效；如确需使用 window.onload ，建议设置 forceSendMethod 参数为 'cors'，使用 ajax post方式发送数据，此种方式仅支持IE8及以上浏览器。示例：stm_clicki('create', 'dc-1002', 'auto',{'forceSendMethod':'cors'} )

4 加码检查

步骤一: 打开Chrome开发者工具

• 方法一: 在页面上点击右键, 审查元素 (推荐)
• 方法二: Ctrl + Shift + I
• 方法三: F12

步骤二: 打开Network查看网络请求

1. 在开发者工具的菜单栏中可以找到NetWork标签。
2. 打开NetWork标签, 勾选其中的"Disable cache"。
3. 刷新当前页面。

步骤三: 过滤网络请求

由于页面请求个数多, 页面请求和收数请求掺杂在一起。通过下述方法可以精确的定位收数请求, 检查请求结果。

在NetWork标签下, 点亮Filters漏斗图标, 在如下的过滤框里输入"stm" 或者是 "miaozhen"。

可以看到该页面包含一个click.min.js(基础JS), 一个heatmap.js(热图JS), 和四个长链请求(一个PV+三个心跳)。

点开某个长链并打开该请求的Header部分, 可以看到具体的请求内容。其中参数tid代表您的站点. t代表发送的请求类型。

出现以上效果说明, 秒针秒针分析代码加码成功