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

做了个微信公众号文章互相阅读的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

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

时间: 2024-11-07 08:26:06

uniapp增加百度统计代码(h5)的相关文章

百度统计代码

<script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com

如何给WordPress安装百度统计代码

1.注册并登录百度统计,点击页面顶部的“网站中心”,然后点击右上角“+ 新增网站”,填写网站域名确定后,点击“复制代码”:2.登录 WordPress 后台,点击左侧导航栏“外观”里的“编辑”,然后点击右侧“模版”下面的“底部 (footer.php)”,将第一步中复制的访问分析代码粘贴到“”前面并点击“更新文件”:3.回到前面百度统计的“网站中心”,点击“首页代码状态”下面的刷新图标,如果图标左侧的文字从“未检测到代码”变为“代码安装正确”,说明搞定. 原创文章,转载请注明: 转载自 http

vue加百度统计代码(亲测有效)

申请百度统计后,会得到一段JS代码,需要插入到每个网页中去,在Vue.js项目首先想到的可能就是,把统计代码插入到index.html入口文件中,这样就全局插入,每个页面就都有了;这样做就涉及到一个问题,Vue.js项目是单页应用,每次用户浏览网站时,访问内页时页面是不会刷新的,也就意味着不会触发百度统计代码:所以最终在百度统计后台看到的效果就是只统计到了网页入口的流量,却无法统计到内页的访问流量. 解决方法 在main.js文件中调用vue-router的afterEach方法,将统计代码加入

vue中添加百度统计代码

一.在百度统计网站中添加自己的网站 1.官网地址:https://tongji.baidu.com/web/welcome/login. 2.在’管理‘一栏中选择‘网站列表’,然后选择新增网站,添加成功后点击代码获取,可以获取统计代码. 二. 在maim.js下百度统计代码添加 var _hmt = _hmt || []; window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到 (function () { var hm = document.createE

如何为网站添加百度统计功能

1 获取百度统计代码 首先登录tongji.baidu.com,在百度统计中申请账号,申请登录后,在管理中加入需要统计的网站地址,添加完成后百度会生成统计代码,不同的网站百度生成的代码是不一样的.在百度统计的管理界面,在需要统计的网站一行,后面有获取代码,点击后会得到百度的统计代码,是一段js文件.类似于 <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"

统计代码陷阱之无形中影响了网速

http://www.yilingsj.com/xwzj/2016-08-30/435.html 说起网站统计代码,稍微有过了解的看官肯定会想起一堆统计平台,例如:百度统计.51.la统计.友盟统计等等.而这些统计代码中也是存在陷阱的哦! 一.回顾优化网页常识 通常来说,我们会将js代码置于闭合的</body>前,因为这样做的好处就是:网页是从上往下进行加载的,js放最下面是最后加载,这样可以提升打开网页的速度. 虽然道理看官都懂,不就是将js放最下面嘛,有什么好说的.可看官真的懂??? 二.

wordpress添加百度统计

转自:http://zhidao.baidu.com/link?url=qAg4ctBYBlkxnmzYGZUBWrOWvET4VftYzpXWv-oGb5aafUOK_6oPs7xLmCOHyhuN6CKGjSoBIrrpUvvJUG_lqq Wordpress安装百度统计方法 首先在百度统计获取安装代码,在后台文件中查找 wp-content/themes/footer.php 文件,然后打开,将百度统计代码复制粘贴到页尾<body>的前面,保存并更新文件. 更多问题,请到推广客户端帮助频

hexo添加百度统计

litten的主题yilia 编辑文件 themes/yilia/_config.yml,添加一行配置,可以删除原来的google analytics baidu_tongji: true 新建 themes/yilia/layout/_partial/baidu_tongji.ejs,内容如下 <% if (theme.baidu_tongji) { %> <script type="text/javascript"> #申请的百度统计代码 </scri

屏蔽全部统计代码(51.la cnzz 百度统计 谷歌分析师adsense、屏蔽淘宝客广告代码)的方法

支持百度统计 .51.la统计.cnzz统计.51yes统计.谷歌分析师.阿里妈妈淘宝客广告.chinaz弹窗.假设有很多其它的须要屏蔽的,欢迎联系 default7#zbphp.com 改动etc的hosts文件,Win7 地址位置:C:\Windows\System32\drivers\etc\hosts 增加内容:(假设是xp系统.将 ::1 改成127.0.0.1就可以) #屏蔽全部统计 ::1 bbs2.chinaz.com ::1 js.51.la ::1 js.users.51.l