用某个分析工具一段时间,随着使用的深入,突然发现这个工具有很多借鉴Google Analytics的地方,特别是在数据收集上,部分甚至是一模一样的。
基础跟踪代码
这个是某分析工具的跟踪代码:
<script>
(function(a, e, f, g, b, c, d) {a.ClickiTrackerName = b;
a[b] = a[b] || function() {(a[b].queue = a[b].queue || []).push(arguments)};
a[b].start = +new Date; c = e.createElement(f); d = e.getElementsByTagName(f)[0];
c.async = 1; c.src = g; d.parentNode.insertBefore(c, d)
})(window, document, 'script', '//stm-cdn.cn.****.com/clicki.min.js?v='+Math.round(new Date().getTime()/1000/300), 'stm_clicki');
/*注:以上代码向服务器请求JavaScript脚本*/
/*注:以下代码创建追踪对象*/
stm_clicki('create', 'dc-XXX', 'auto');/*注释,dc-xxx为您的站点id*/
stm_clicki('send', 'pageview');
</script>
这个是Google Analytics的UA版本的跟踪代码:
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
事件跟踪代码
这是某工具的事件跟踪代码:
stm_clicki('send', 'event', '事件分类', '事件动作', '事件标签', 1);
这是Google Analytics UA版本的事件跟踪代码:
ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);
高级事件跟踪
这是某工具的高级事件跟踪:
stm_clicki('send', 'event', {
customActionId: 1
,customActionLabel1: ' '
,customActionLabel2: ' '
,customActionLabel3: ' '
,customActionLabel4: ' '
,customActionValue1: 1
});
这是Google Analytics 4的事件跟踪:
gtag('event', 'login', {
'user_property1': 'Google',
'user_property2': ' ',
'user_property3': ' ',
'user_property4': ' ',
'user_property5': ' '
……
});
虚拟页面跟踪
这个某工具的虚拟页面跟踪:
stm_clicki('send', 'pageview', '/path');
这是Google Analytics的虚拟页面跟踪:
ga('set', 'page', '/new-page.html');
报告的UI上就不一样了,它的界面这样的: