vue中如何使用友盟？

Question

我在index.html的head中引入友盟，在使用的时候报错提示_czc未定义

    

        <script>
              //声明_czc对象:
              var _czc = _czc || [];
              //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
              _czc.push(["_setAccount", "1261730196"]);
        </script>
        <script type="text/javascript"> 友盟中复制的代码 </script>
        
        我要统计一个按钮的点击量
        add: function () {
          _czc.push([ '_trackEvent', '官网点击量', '官网点击量', '官网点击量' ])
        }
        
        结果报错说_czc未定义。请问我要怎么引入？

Answer 1

如果有使用webpack的话需要修改配置文件
/build/webpack.base.conf.js

let webpackConfig = {
  externals: {
    "_czc": "_czc"
  }
  ...
}

Answer 2

把下面这行

 _czc.push([ '_trackEvent', '官网点击量', '官网点击量', '官网点击量' ])

改成这样就行了

 window._czc.push([ '_trackEvent', '官网点击量', '官网点击量', '官网点击量' ])

Answer 3

//声明_czc对象:
window._czc = window._czc || [];
//绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
window._czc.push(["_setAccount", "1261730196"]);

Answer 4

请问我这边window._czc 打印出来是undefined怎么解决呢