百度统计
文档地址: http://tongji.baidu.com/open/api/more?p=ref_trackEvent
function addBaiduStatistics(){
// 创建一个域名下的百度统计会生成一个对应的 bdkey
var bdKey = window._hmt_key || '48c7b0546d5b41b4620fbefc7313****';
var ele = document.createElement("script");
ele.type = "text/javascript";
ele.innerHTML = 'var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?'+bdKey+'"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); ';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(ele, s);
}
addBaiduStatistics();
使用
window.recordAction = function(trackName,action,opt_label) {
/**
*
* @param {*} trackName 要监控的目标的类型名称
* @param {*} action 用户跟网页进行交互的动作名称
* @param {*} opt_label 事件的一些额外信息,通常可以是歌曲的名称、软件的名称、链接的名称等等。
*/
_hmt.push(['_trackEvent', trackName, action, opt_label]);
}
Google统计
文档地址: https://support.google.com/analytics/topic/1008079?visit_id=637024000280548512-1433575495&rd=1
<script>
// google统计创建监听一个域名的时候会生成一个gtagId
var gtagId = 'UA-14269****-3';
var ele = document.createElement("script");
ele.setAttribute('async','true');
ele.src = `https://www.googletagmanager.com/gtag/js?id=${gtagId}`;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(ele, s);
window.dataLayer = window.dataLayer || [];
// 这个方法用来触发Google统计
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', gtagId);
</script>
使用
gtag('event', <action>, { // 是在 Google Analytics(分析)事件报告中显示为事件操作的字符串。
'event_category': <category>, //是显示为事件类别的字符串。
'event_label': <label>, //是显示为事件标签的字符串。
'value': <value> //是一个显示为事件价值的非负整数。
});
window.recordAction = function(trackName,action,opt_label) {
gtag('event', opt_label, {
'event_category': action,
'event_label': trackName,
'value': 1
});
}
总结:
// 俩者同时使用
window.recordAction = function(trackName,action,opt_label) {
_hmt.push(['_trackEvent', trackName, action, opt_label]);
gtag('event', opt_label, {
'event_category': action,
'event_label': trackName,
'value': 1
});
}