uniapp 项目中添加百度统计

最新推荐文章于 2023-10-20 18:08:28 发布

shaoin_2

最新推荐文章于 2023-10-20 18:08:28 发布

阅读量2.9k

点赞数 1

分类专栏： uniapp H5 文章标签：前端

本文链接：https://blog.csdn.net/weixin_49175501/article/details/117333181

版权

uniapp 同时被 2 个专栏收录

40 篇文章 7 订阅

订阅专栏

24 篇文章 0 订阅

订阅专栏

需求描述

在uniapp开发的H5项目中，需要通过百度统计代码将用户的操作信息进行记录统计。

1.新建 count.html 文件

将文件放置在项目根目录下，文件名称自己随意。

在这里插入图片描述

2.百度统计代码

打开刚刚生成的 count.html 文件，将以下代码复制粘贴进出。注意填写自己获取的百度统计码。

统计码如何获取？百度账号登录：https://tongji.baidu.com/sc-web 查看相关信息

<!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>
    </body>
</html>

3.设置项目配置

在根目录下找到 manifest.json → 源码视图 → h5 配置项，添加属性 template 。

"h5":{
    "publicPath" : "",
    "title" : "xxxx",
    "template":"count.html",
    "devServer" : {}
}

在这里插入图片描述

好了，就到这里了。

希望对小伙伴们有所帮助！！

shaoin_2

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
3
评论
uniapp 项目中添加百度统计

在<font color="#8dc63f"> uniapp </font>开发的H5项目中，需要通过百度统计代码将用户的操作信息进行记录统计。
复制链接

扫一扫

专栏目录