H5項目接入騰訊移動分析

引入SDK

方式1：頁面引入在線SDK（在其他js庫之后引用）

<script>
    var _mtac = {"performanceMonitor":1};
    (function() {
      var mta = document.createElement("script");
      mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
      mta.setAttribute("name", "MTAH5");
      mta.setAttribute("sid", "500****30");
      mta.setAttribute("cid", "500****32");
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(mta, s);
    })();
</script>

方式2： 下載SDK，本地引入

方式3：NPM 版本模式

a.安裝：

npm install mta-h5-analysis --save

b.頁面引入上報

import MtaH5 from 'mta-h5-analysis';

c.相關代碼

// 初始化
MtaH5.init({
  "sid":'********', //必填，統計用的appid
  "cid":'********', //如果開啟自定義事件，此項目為必填，否則不填
  "autoReport":0,//是否開啟自動上報(1:init完成則上報一次,0:使用pgv方法才上報)
  "senseHash":0, //hash錨點是否進入url統計
  "senseQuery":0, //url參數是否進入url統計
  "performanceMonitor":0,//是否開啟性能監控
  "ignoreParams":[] //開啟url參數上報時，可忽略部分參數拼接上報
});

// 頁面上報
MtaH5.pgv();

// 自定義事件上報
MtaH5.clickStat("ico_search", {"query":"特斯拉"});

自定義事件：

MtaH5.clickStat("pay") //定義點擊區域上報事件