1、打开网址,使用QQ登录
2、打开“我的应用”-“HTML5应用”-“新建应用”
3、填写基本资料
这些信息后续都可以进行修改,不用担心一失足成千古恨,包括可以添加管理员和查看者。
4、注册成功
5、按照上面的指引复制下面的代码到你的页面中去
记住:要加在</body>之前
可以选择复制它提供的代码插入一个带各种参数的script,也可以直接添加上面这段代码出来的结果。
尝试的时候第一种复制代码会报错,第二种反而更方便。
然而这里留下了一个坑,后面再说。
<script>
var _mtac = {};
(function() {
var mta = document.createElement("script");
mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.2";
mta.setAttribute("name", "MTAH5");
mta.setAttribute("sid", "500111110");
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(mta, s);
})();
</script>
<script type="text/javascript" src="http://pingjs.qq.com/h5/stats.js" name="MTAH5" sid="500111110"></script>
6、稍等片刻,你就可以看到你的实时数据了
自定义事件
1、在应用管理中开启自定义事件功能
这里就能修改前面注册填写的一些资料啦。
2、在“基础分析”中打开事件列表,添加自定义事件
3、添加自定义事件ID和名称
4、绑定到相关元素中
<button onclick="MtaH5.clickStat('事件ID')">按钮</button>
使用方法
- 在事件列表中添加事件ID与事件名称
- 在需要点击效果的html标签中嵌入代码onclick="MtaH5.clickStat('事件ID')"
注意事项
- 事件名称为中文英文数字下划线。
- 事件ID为英文数字。
- 事件ID与事件名称不能重复。
- 页面中必须嵌入mta js sdk。
- 如果添加时没有开通自定义事件统计,需到管理台确认开通并更新新的mta h5上报js
5、可是为什么一直没有反应?
无论我点击了多少次绑定按钮,后台始终没有相关数据。这让我非常困惑。
6、添加cid
也许是我的script写错了?那我再去核对一下。不看不要紧,一看吓一跳。为啥比之前多出来一个参数了,这不是坑爹吗!那我试着给加上。