百度统计工具

记录百度统计工具使用方法

在首页加入统计代码，其中，baiduId为公司百度统计账号

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?<%=baiduId%>";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

封装统计方法

/**
 * 空闲控制 返回函数连续调用时，空闲时间必须大于或等于 wait，func 才会执行
 *
 * @param  {function} func        传入函数
 * @param  {number}   wait        表示时间窗口的间隔
 * @param  {boolean}  immediate   设置为ture时，调用触发于开始边界而不是结束边界
 * @param  {bollean}  isCancle    取消之前的执行
 * @return {function}             返回客户调用函数
 */
var trackEvent = function trackEvent(category, action, optLabel = '', optValue = '') {
    try {
        _hmt.push(['_trackEvent', category, action, optLabel, optValue]);
    } catch (err) {
        console.log(err, 'err');
    }
};

export default {
    trackEvent,
};

调用统计方法

import { TrackEvent } from 'utils';

TrackEvent.trackEvent('上传视频',  '上传超时', '上传超时时间：', `${time}`);

在百度统计中可以看到页面调用的详细情况，包括每个页面打开次数和停留时间以及各页面的不同事件调用次数等。