百度、Google 埋点统计（Vue篇）

参考资料：资料

一、Vue 使用百度统计

在Vue单页面开发中接入百度统计代码时，如果直接按照官网的走会出现错误，就是_hmt找不到，这是因为在一个js文件里声明的变量在另一个js文件里是找不到的，所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量，就可以在任何地方访问了。

1、在`index.html`或者`main.js`下百度统计代码添加

var _hmt = _hmt || [];
window._hmt = _hmt; // 必须把_hmt挂载到window下，否则找不到(function () {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?"+ 百度站点id;var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();

2、创建`vuerouter`后，调用`beforeEach`方法，每个路由跳转时都将其跳转的路由推给百度。

router.beforeEach((to, from, next) => {if (_hmt) {if (to.path) {_hmt.push(['_trackPageview', '/#' + to.fullPath]);}}next();
});

注意事项：

百度统计代码每次更新时间约5分钟，添加或修改后要等待。

易出现的错误：

1、百度统计：页面代码安装状态：代码未生效

说明：一般安装完百度统计后20分钟左右就生效了，如果时间过长说明安装有问题

页面代码安装状态:代码未生效

检查一下页面代码中是否包含以下代码，需要去掉

//去除掉
<meta name="referrer" content="no-referrer"/>

二、Vue 使用 Google 统计

单页面应用切换时要手动发送页面统计，首先在 index.html或者 main.js 里引入谷歌统计代码：

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-yourID', 'auto')
ga('send', 'pageview') // 是否要统计着陆页面访问，取决于你的需求，这个不一定需要，会和`router`统计有重复// main.js 里，如果你使用了 vue-router
router.afterEach(function (to) {if (window.ga) {window.ga('set', 'page', to.fullPath) // 你可能想根据请求参数添加其他参数，可以修改这里的 to.fullPathwindow.ga('send', 'pageview')}
})

百度、Google 埋点统计（Vue篇）相关推荐

Taro之百度小程序一键登录埋点统计
背景:百度小程序项目想要对用户未登录的情况做一个埋点统计,计算转化率,需要对一键登录和右上角关闭做埋点. 因为百度为了防止开发者滥用,11.26版本起废弃了swan.getUserInfo 和 swa ...
巧用搜索引擎之百度Google
巧用搜索引擎之百度&Google 首先打开 http://www.baidu.com ,在关键词输入框中输入index of mp3,选择回车搜索,得到了一些网页,不要以为这是一些普通的页面, ...
智能车百度赛道培训第二弹-算法篇
智能车百度赛道培训第二弹--算法篇来袭!接住了吗?往下看!
智能车百度赛道培训第一弹-基础篇
智能车百度赛道培训第一弹--基础篇来啦!请查收! ▌基础篇 01.培训安排时间安排: 2021年3月19日(周五) 晚8:30 内容简介: 由百度赞助的人工智能创意组,今年竟然开始要求学生做车了?这 ...
统计一段英文中单词的个数c语言,C语言统计一篇英文短文中单词的个数实例代码...
具体代码如下所述: #include #define N 1000 void main(){ char en[N][81]; int i,j,num=0,n,state; //num 用来统计单词的个 ...
python统计单词个数算法_统计一篇英文文章单词个数，取出出现频次前10的单词（Python实现）...
题目: 用python实现统计一篇英文文章内每个单词的出现频率,并返回出现频率最高的前10个单词及其出现次数. 常规解法怎么判定单词? 1 不是字母的特殊字符作为分隔符分割字符串 (避免特殊字符的处 ...
split函数python统计英文单词_统计一篇英文文章单词个数，取出出现频次前10的单词（Python实现）...
题目: 用python实现统计一篇英文文章内每个单词的出现频率,并返回出现频率最高的前10个单词及其出现次数. 常规解法怎么判定单词? 1 不是字母的特殊字符作为分隔符分割字符串 (避免特殊字符的处 ...
第 5 节：前端面试指南 — Vue 篇（附面试题）
更新完「JavaScript篇」之后,忙完上周的送书活动,很多读者朋友都在微信催更「面试指南」系列的第 5 期 - vue篇. 前 4 期没看的同学,建议先看完再来看这一期的,传送门: 第 1 期:「 ...
BCC实例（如何修改NS解析方式为百度智能云解析） - 解答篇
文章目录一.步骤: 二.部分步骤 · 截图示下: 三.添加解析方式: 四.附:解析记录类型含义一.步骤: 进入百度智能云后台控制台 "域名服务BCD" ; 进入 " ...
百度google关键字优化的小技巧
网站关键词优化做好了有利于百度GOOGLE等搜索引擎收录,并能排在搜索结果的首页前几名,可以增加网站的访问量,所以站长们一直都在追求最好的优化技巧,钻研摸索搜索引擎的喜好,老站长xrnic也非常热衷 ...

百度、Google 埋点统计（Vue篇）

一、Vue 使用百度统计

1、在`index.html`或者`main.js`下百度统计代码添加

2、创建`vuerouter`后，调用`beforeEach`方法，每个路由跳转时都将其跳转的路由推给百度。

易出现的错误：

1、百度统计：页面代码安装状态：代码未生效

二、Vue 使用 Google 统计

百度、Google 埋点统计（Vue篇）相关推荐

最新文章

热门文章

百度、Google 埋点统计（Vue篇）

一、Vue 使用百度统计

1、在index.html或者main.js下百度统计代码添加

2、创建vuerouter后，调用beforeEach方法，每个路由跳转时都将其跳转的路由推给百度。

易出现的错误：

1、百度统计：页面代码安装状态：代码未生效

二、Vue 使用 Google 统计

百度、Google 埋点统计（Vue篇）相关推荐

最新文章

热门文章

1、在`index.html`或者`main.js`下百度统计代码添加

2、创建`vuerouter`后，调用`beforeEach`方法，每个路由跳转时都将其跳转的路由推给百度。