版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010427666/article/details/85278355
1、加入 gtag 代码
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-*****-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-****-1');
</script>
‘*’ 星号就是申请的号码,可去 google站点
查看。
2、统计页面load 时间
window.addEventListener('load', () => {
if (window.performance) {
var timeSincePageLoad = Math.round(performance.now())
let pageload = () => {
try {
window.gtag('event', 'page_complete', {
'name': 'pageOnLoad',
'value': timeSincePageLoad,
'event_category': '页面load完成时间'
})
} catch (e) {
setTimeout(() => {
pageload()
}, 5000)
}
}
}
})
3、使用 config 命令发送网页浏览
let seePage = function () {
try {
window.gtag('config', 'UA-118873303-1', {
'page_title': 'new_pageView',
'page_path': currPath
})
} catch (e) {
setTimeout(() => {
seePage()
}, 5000)
}
}
seePage()
currPath 就是访问的页面路径 eg 。
4、事件统计
export function viewEvent (eventName, eventCategory, eventLabel) {
let eventPage = function () {
try {
window.gtag('event', eventName, {
'event_category': eventCategory,
'event_label': eventLabel,
'value': 1
})
} catch (e) {
setTimeout(() => {
eventPage()
}, 5000)
}
}
eventPage()
}
// 使用方式
// 加help 事件
viewEvent('view_help', 'view_help_index', 'open_help')
效果
参数解释
gtag('event', <action>, {
'event_category': <category>,
'event_label': <label>,
'value': <value>
});
<action> 是在 Google Analytics(分析)事件报告中显示为事件操作的字符串。
<category> 是显示为事件类别的字符串。
<label> 是显示为事件标签的字符串。
<value> 是一个显示为事件价值的非负整数。
遇到一个现象:当你自己主动给谷歌统计发起会话,会造成跳出率下降!
谷歌的跳出率定义:
“跳出”是指您网站上的单页会话。在 Google Analytics(分析)中,“跳出”特指仅触发了一次对 Google Analytics(分析)服务器的请求的会话。例如,用户打开了您网站上的一个网页,然后就退出了网站,并且这次会话没有触发对 Google Analytics(分析)服务器的任何其他请求。
跳出率是指单页会话次数在所有会话次数中所占的比例,也就是用户在您网站上仅查看一个网页并仅触发一次对 Google Analytics(分析)服务器的请求的所有会话次数所占的百分比
(最终我们去除了主动给谷歌统计的代码)