码迷,mamicode.com
首页 > 其他好文 > 详细

国际化产品的百度统计与谷歌统计

时间:2018-04-26 15:31:27      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:代码   src   rac   海外   statistic   ==   insert   tps   async   

最近在主导重构公司一款国际化产品,需要进行埋点统计,具体需求是工程里面的事件分析根据国内/国外进行统计,海外版的使用谷歌统计,国内版的采用百度统计。采用的是同一套工程代码,所以只需要写一个方法,里面根据配置文件的平台属性来做区分是百度统计还是谷歌统计,代码总结如下:

;(function (win) {
    var config = win.SYSTEM_CONFIG;
    var statistics = function () {

    };
    if (config && (config.baidu || config.google)) {
        var platform = config.platform;
        if (platform === ‘国内‘) {
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?" + config.baidu;//百度统计的key
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
            statistics = function (category, action, opt_label, opt_value) {
                //_hmt.push([‘_trackEvent‘, category, action, opt_label, opt_value]);
                _hmt.push([‘_trackEvent‘, category, action, opt_label || "", opt_value || 1]);
            }

        } else if (platform === ‘海外‘) {
            /*- Global site tag (gtag.js) - Google Analytics --*/
            document.write(‘<script async src = "https://www.googletagmanager.com/gtag/js?id=‘ + config.google + ‘" > <‘ + ‘/script>‘);//谷歌统计的key
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag(‘js‘, new Date());
            gtag(‘config‘, config.google);
            statistics = function (category, action, opt_label, opt_value) {
                gtag(‘event‘, action, {
                    ‘event_category‘: category,
                    ‘event_label‘: opt_label || "",
                    value: opt_value || 1
                });
            }
        }
    }
    window.Statistics = statistics;
})(window);

  

国际化产品的百度统计与谷歌统计

标签:代码   src   rac   海外   statistic   ==   insert   tps   async   

原文地址:https://www.cnblogs.com/keang001/p/8949744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!