vue使用友盟自定义事件埋点

---

1.在最初的index.html里的head标签里加上一下代码

<script>

    (function(w, d, s, q, i) {

      w[q] = w[q] || [];

      var f = d.getElementsByTagName(s)[0],j = d.createElement(s);

      j.async = true;

      j.id = 'beacon-aplus';

      j.src = 'https://d.alicdn.com/alilog/mlog/aplus/' + i + '.js';

      f.parentNode.insertBefore(j, f);

    })(window, document, 'script', 'aplus_queue', '203467608');

    //集成应用的appKey

    aplus_queue.push({

      action: 'aplus.setMetaInfo',

      arguments: ['appKey', '自己的appkey'] 

    });

    /* 如果使用的是单页面应用，例如：React、Vue、Angular等，则需要添加下面的代码 */

    /* 关闭自动PV发送，如果不是单页面应用，请删掉下方代码 */

    aplus_queue.push({

      action: 'aplus.setMetaInfo',

      arguments: ['aplus-waiting', 'MAN']

    });

    //是否开启调试模式

    aplus_queue.push({

      action: 'aplus.setMetaInfo',

      arguments: ['DEBUG', true]

    });

  </script>

2.在事件里加上一下代码

const { aplus_queue } = window;

aplus_queue.push({

 action: 'aplus.sendPV',

 arguments: [{ is_auto: false }]

})

aplus_queue.push({

 action: 'aplus.record',

 arguments: ['在友盟定义的事件ID名字', 'CLK']

});

 
这样就可以实现自定义事件的监测