vue2中如何添加站长统计代码？

Question

js代码如下：

<script type="text/javascript">
   var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
   document.write(unescape("%3Cspan id='cnzz_stat_icon_1254949000'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1254949000%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>

我在vue中调用如下：

页面渲染：

正确渲染应该是：

求问是什么原因？

Answer 1

我刚刚做了一个需求也有这个。我是将百度站长提供的代码添加进了入口的index.html文件里面。个人也不能确定是这样，等上线的时候去百度站长那边看一下。

百度站长代码：

<script> 
    var _hmt = _hmt || []; 
    (function() { 
        var hm = document.createElement("script"); 
        hm.src = "https://hm.baidu.com/hm.js?*****"; 
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s); 
    })(); 
</script>

Answer 2

你代码都写在div内部了当然会按你显示的那样。一般都是下面这样写。

    var vds = document.createElement('script')
    vds.type = 'text/javascript'
    vds.async = true
    vds.src = (document.location.protocol === 'https:' ? 'https://' : 'http://') +
      'assets.growingio.com/vds.js'
    var s = document.getElementsByTagName('script')[0]
    s.parentNode.insertBefore(vds, s)