您现在的位置是:首页 > 建站建站
使用Google Analytics谷歌分析统计深色模式
cc博主2022-09-06【建站】505人已围观
目前主流操作系统(Windows、mscOS、iOS和Android)均支持深色模式,很多网站也通过修改代码支持深色模式,那么,我们如何在Google Analytics谷歌分析中统计到底有多少人在使用深色模式,下面我就介绍一下具体的统计方法。
通过事件统计的方式来统计深色浅色模式,设置一个事件名称,里面的数值就是深浅代号,谷歌分析UA里事件的调用方法如下所示。
ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);
编辑网站的全局Javascript文件里的Google Analytics统计代码,将代码修改为如下所示:
function () {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
return 'Dark';
}
else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches) {
return 'Light';
}
return 'No Preference';
}
var dimensionValue = darkmode();
(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');
ga('send', 'event','darkmode', dimensionValue);
代码发布之后,过一段时间,就可以在 Google Analytics(谷歌分析)中查看数据了。
具体查看位置在:“实时”-“事件”,以及“行为”-“事件”里。
上述代码修改仅适用于Google Universal Analytics统计代码。
对于新版的Google Analytics 4统计代码,其事件统计代码修改为如下代码。
gtag('event', <action>, {
'event_category': <category>,
'event_label': <label>,
'value': <value>
});
因此,对于GA4来说,其他代码不变,发送事件的代码修改为如下即可。
gtag('event', dimensionValue, {'event_category': 'darkmode'});
Tags:
相关文章
- 首创远程开发模式,腾讯云CODING助力国产芯片开发提质增效
- 百度沈抖发布新一代云战略:云智一体,深入产业
- 最新ssr节点购买网址和永久免费v2ray节点分享-每日更新(2022/9/6)
- 最强生产力鸿蒙设备,助力艺术创作,华为MatePad Pro 12.6英寸发布
- 何为「落地为王」?商汤发布AI治理白皮书诠释「负责任且可评估的AI」
- 判罚4亿美元,欧盟指控Mete违反一般数据保护法;腾讯、网易游戏发布中秋未成年限玩通知;台积电四处抢人,实习生月薪高至8.7K
- 网络 + AI,不止解决 5G 时代能耗、安全与应用三大难题
- 为什么用中台理念做AI芯片和GPU?
- 最新小火箭节点/v2ray节点账号免费分享-每日更新(2022/9/5)
- IDC发布2021《中国AI赋能的工业质检解决方案市场份额》报告,腾讯云位列前三