码迷,mamicode.com
首页 > 移动开发 > 详细

uniapp增加百度统计代码(h5)

时间:2019-12-17 13:17:26      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:tom   UNC   ack   otto   charset   comment   一个   根目录   sof   

做了个微信公众号文章互相阅读的h5界面,http://mptask.wintp.top/(只能微信浏览器打开),其中用到了统计代码,记录如下。

1、新建 tj.html 界面

可放置在项目的根目录,文件名称根据自己情况命名。

技术图片

2、粘贴内容

请复制如下代码到上方新建的 html 中,修改自己的百度统计代码,不清楚如何获取统计代码的可以参考 步骤4

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>
            <%= htmlWebpackPlugin.options.title %>
        </title>
        <script>
            document.addEventListener(‘DOMContentLoaded‘function() {
                document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + ‘px‘
            })
            // 生产环境时运行此脚本
            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>
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
    </head>
    <body>
        <noscript>
            <strong>Please enable JavaScript to continue.</strong>
        </noscript>
        <div id="app"></div>
        <!-- built files will be auto injected -->
    </body>
</html>

3、配置模版代码

依次进入 pages.json > 源码视图 > h5(最下方) 节点,增加:

"template""tj.html"
技术图片

4、统计代码获取

新建账户或已有百度账号登录:https://tongji.baidu.com/sc-web

网站列表中增加一个网站:

技术图片

然后复制如下代码

技术图片

我创建了一个用来记录自己学习之路的公众号,感兴趣的小伙伴可以关注一下微信公众号:niceyoo

技术图片

uniapp增加百度统计代码(h5)

标签:tom   UNC   ack   otto   charset   comment   一个   根目录   sof   

原文地址:https://www.cnblogs.com/niceyoo/p/12053730.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!