谷歌统计代码使用方式

1、加入 gtag 代码




‘*’ 星号就是申请的号码,可去 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', , {
        'event_category': ,
        'event_label': 

遇到一个现象:当你自己主动给谷歌统计发起会话,会造成跳出率下降!
谷歌的跳出率定义:

“跳出”是指您网站上的单页会话。在 Google Analytics(分析)中,“跳出”特指仅触发了一次对 Google Analytics(分析)服务器的请求的会话。例如,用户打开了您网站上的一个网页,然后就退出了网站,并且这次会话没有触发对 Google Analytics(分析)服务器的任何其他请求。

跳出率是指单页会话次数在所有会话次数中所占的比例,也就是用户在您网站上仅查看一个网页并仅触发一次对 Google Analytics(分析)服务器的请求的所有会话次数所占的百分比

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

你可能感兴趣的:(JavaScript,前端)