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（分析）服务器的请求的所有会话次数所占的百分比

（最终我们去除了主动给谷歌统计的代码）