菠萝小记 | 腾讯移动分析接入

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>

使用方法

1. 在事件列表中添加事件ID与事件名称
2. 在需要点击效果的html标签中嵌入代码onclick="MtaH5.clickStat('事件ID')"

注意事项

1. 事件名称为中文英文数字下划线。
2. 事件ID为英文数字。
3. 事件ID与事件名称不能重复。
4. 页面中必须嵌入mta js sdk。
5. 如果添加时没有开通自定义事件统计，需到管理台确认开通并更新新的mta h5上报js

5、可是为什么一直没有反应？

无论我点击了多少次绑定按钮，后台始终没有相关数据。这让我非常困惑。

6、添加cid

也许是我的script写错了？那我再去核对一下。不看不要紧，一看吓一跳。为啥比之前多出来一个参数了，这不是坑爹吗！那我试着给加上。

7、效果显著，愉快地拿到统计数据

当然了，MTA的功能不止这么点，有兴趣的可以进行查看开发文档。

MTA HTML5接入指南-官网开发文档