SPM

用于构建页面埋点的自动化工具

规范

A.B.C.D

• A: 站点ID
• B: 页面ID
• C: 区块ID(可自动定义)
• D: 按钮ID(自动递增，也可手动设置)

http://gitlab.yuantutech.com/yuantu/h5-cli/wikis/spm

如何使用

• 第一步 引入JS代码

\<script src="http://s.yuantutech.com/yuantu/spm/1.1.1/??spm.js,track.js,view.js"></script>

• 第二步 在需要埋点的页面加上 mate 标签

以下变量A保证不与其他系统重复即可，不推荐更换。变量B自由定义数字，保证站点内不重复即可。

//在页面head区域加入

<meta name="spm-id" content="{A}.{B}" />

检查

打开已配置好的页面，查看是否发送了该请求

http://114.55.0.146:3003/?spm=100.1001&referer=undefined&uid=428&resolution=1920x1080&connectEnd=1468478987228&connectStart=1468478987228&domComplete=1468478987567&domContentLoadedEventEnd=1468478987467&domContentLoadedEventStart=1468478987467&domInteractive=1468478987467&domLoading=1468478987286&domainLookupEnd=1468478987228&domainLookupStart=1468478987228&fetchStart=1468478987228&loadEventEnd=0&loadEventStart=1468478987567&navigationStart=1468478987228&redirectEnd=0&redirectStart=0&requestStart=1468478987246&responseEnd=1468478987275&responseStart=1468478987272&secureConnectionStart=0&unloadEventEnd=1468478987276&unloadEventStart=1468478987276&

更多

定义模块

在模块元素上添加 data-spm="{C}"

\<div data-spm="m1">
	<a href="abc.html"  ></a>
</div>