谷歌統計代碼使用方式

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> 是一個顯示爲事件價值的非負整數。