vue+腾讯移动分析

1：既然要使用埋点工具，当然还是需要去他的 官网 注册一波

2：在产品与服务页，创建自己的应用

3：创建成功后，在应用管理页面里面获取到他的APPID，以及配置指南中的统计代码

4：将第三步保存的统计代码，放在入口文件index.html中

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

5：在导航首位的中配置

router.afterEach((to, from) => {
    setTimeout(()=>{
        var _mtac = {};
        (function() {
            var mta = document.createElement("script");
            console.log(mta,'mtamtamtamta')
            mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
            mta.setAttribute("name", "MTAH5");
            mta.setAttribute("sid", "sid");
            mta.setAttribute("cid", "cid");
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(mta, s);
        })();
    })
    window.scrollTo(0,0);
});

注意：cid是开启高级功能才会用到（自定义事件）

　　

 　　例：监听按钮触发的次数

　　

　　在上述图片中添加事件ID以及事件名称

　　然后写个demo

<button onclick="MtaH5.clickStat('事件id')">测试</button>

　　这样就能在事件详情中看见数据了