uniapp 项目中添加百度统计

需求描述

在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" : {}
}

好了，就到这里了。

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

uniapp 项目中添加百度统计相关推荐

如何在Vue中添加百度统计代码？
目录第一步:在百度统计网站中添加自己的网站第二步:在maim.js下添加百度统计代码第三步:创建beforeEach方法第四步:代码安装检查第一步:在百度统计网站中添加自己的网站百度统计官 ...
vue项目中加入百度统计
最近,在做本博客的改版,前台使用Vue,后台使用thinkphp6,做到前后分离.做百度统计的时候,遇到一系列问题,通过全方位查找资料,终于解决问题,本文主要记录一下解决Vue项目中,加入百度统计的具 ...
在js在页面中添加百度统计代码
1. 新版统计代码获取 (不想手工添加代码?立刻一键安装) 此代码同时适用于PC端.移动端的页面,以异步加载形式进行加载,数据更准确.加载速度更快.请将此代码复制并粘贴到您要跟踪的每个网页中. < ...
vue 打开html流_在vue项目中添加一个html页面，开启本地服务器
在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...
react 使用 leaflet 百度地图_【React】react项目中应用百度地图添加起始点绘制路线...
如图:项目中百度地图的应用添加起始点.终点并绘制路线在展示代码的时候首先展示一下后台返回给我的接口 { 其中position_list参数代表的是用户的行驶点, area参数代表的是服务区的坐标点, ...
【Vue】16.vue项目里引入百度统计
参考官网:百度统计开放平台百度统计最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一 ...
Node.js中使用百度统计API统计站点的访问量、访客数、IP数相关信息
详情访问:详情欢迎来我的个人网站:TanJia 今天,在个人网站的关于版块,添加了本站点的总访问量.总访客数以及当日的访问量等相关信息.使用的是百度统计的相关API. 首先,我们需要在百度统计中开通 ...
uniapp android原生,在uni-app项目中集成Android原生工程
[TOC] # 在uni-app项目中集成Android原生工程按照官方的方案,我们如果进行本地打包的话,需要重新创建一个Android原生工程,于是就会导致我们管理多个项目,切来切去的也麻烦. 经 ...
Android 百度地图开发（一）--- 申请API Key和在项目中显示百度地图
2019独角兽企业重金招聘Python工程师标准>>> 最近自己想研究下地图,本来想研究google Map,但是申请API key比较坑爹,于是从百度地图入手,其实他们的用法都差不 ...