H5项目接入腾讯移动分析

来源:博客园 分类: 文章浏览史 发布时间:2020-09-06 11:40:42 最后更新:2020-09-06 浏览:87
转载声明:
本文为摘录自“博客园”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-06 11:40:42

引入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") //定义点击区域上报事件

 

php技术微信