Google Analytics(谷歌分析)不仅仅是一个流量统计工具,你还可以用它来测量广告活动的有效性,跟踪用户多远到所需的页面流(从点击广告到购物车到结账页面)获取,并基于用户的信息设置浏览器和语言环境支持。
但是,这一切东西都不是我们开发者所需要的。今天给大家介绍一个很另类的技巧,通过自定义事件跟踪 JavaScript 错误。下面就让我们来看看如何实现的错误检查的:
// 跟踪基本的 JavaScript 错误信息
window.addEventListener('error', function(e) {
_gaq.push([
'_trackEvent',
'JavaScript Error',
e.message,
e.filename ': ' e.lineno,
true
]);
});
// 跟踪 AJAX 错误信息 (jQuery API)
$(document).ajaxError(function(e, request, settings) {
_gaq.push([
'_trackEvent',
'Ajax error',
settings.url,
e.result,
true
]);
});
现在,当你进入谷歌分析,您可以在查看其他网站统计的同时看到自定义事件的信息。当然,你会告诉营销人员这些都不是真正的错误,那是功能(偷笑),那是另一个故事了。
查看错误报告
要有这个功能,先确保已有 Google Analytics 账号,查看步骤:
- 登录 Google Analytics;
- 在左侧的导航面板找到行为;
- 点击事件查看概览;
- 在事件分类下面会有异常,点击;
- 在出现的界面点击事件标签,点击维度过滤;
- 这时候就能看到跟踪到的所有错误信息了;
自定义错误报告
Google Analytics 提供了强大的报告自定义功能,你可以自定义错误报告来跟踪产生错误的操作系统,浏览器以及版本等信息。设置步骤:
- 找到自定义功能,在报告选项卡的旁边;
- 点击新增自定义报告;
- 生成信息 = 错误跟踪;
- 报告内容 => 名称 = JavaScript 错误;
- Metric Group = 所有事件;
- 维度结构 => 事件分类 > 操作系统 > 浏览器 > 浏览器版本 > 事件标签;
- 点击保存;
您可能感兴趣的相关文章
- 优秀前端开发教程:打造动感的立体效果进度按钮
- IconVault – 创建自定义图标字体的超强工具推荐
- 使用 Fries 创建性感的 Android 风格移动应用界面
- Transit – 超平滑的 CSS 过渡和变换动画效果插件
- 10大流行 Metro UI 风格的 Bootstrap 主题和模板
本文链接:实用技巧:使用 Google Analytics 跟踪 JS 错误
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文出处【http://www.cnblogs.com/lhb25/】
更多专业前端知识,请上 【猿2048】www.mk2048.com