使用 Google Analytics 跟踪 JavaScript 错误

简介:   Google Analytics(谷歌分析)不仅仅是一个流量统计工具,你还可以用它来测量广告活动的有效性,跟踪用户多远到所需的页面流(从点击广告到购物车到结账页面)获取,并基于用户的信息设置浏览器和语言环境支持。

  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 = 所有事件
  • 维度结构 => 事件分类 > 操作系统 > 浏览器 > 浏览器版本 > 事件标签;
  • 点击保存;

 

 

您可能感兴趣的相关文章

 

本文链接:实用技巧:使用 Google Analytics 跟踪 JS 错误

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文出处【http://www.cnblogs.com/lhb25/

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
2月前
|
JavaScript 前端开发
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
16 1
|
6月前
|
JavaScript Java 开发工具
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)(二)
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)
155 0
|
2月前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
17 2
|
4月前
|
JavaScript 前端开发 定位技术
Google Earth Engine谷歌地球引擎GEE中JavaScript脚本语言代码基础规则与函数语句
Google Earth Engine谷歌地球引擎GEE中JavaScript脚本语言代码基础规则与函数语句
|
6月前
|
Android开发 开发者
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)(一)
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)
178 1
|
11月前
|
Web App开发 前端开发 JavaScript
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.5 与 Google 扩展程序相关的 JavaScript API
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.5 与 Google 扩展程序相关的 JavaScript API
|
消息中间件 存储 自然语言处理
图解 Google V8 # 09:运行时环境:运行JavaScript代码的基石
图解 Google V8 # 09:运行时环境:运行JavaScript代码的基石
144 0
图解 Google V8 # 09:运行时环境:运行JavaScript代码的基石
|
存储 JavaScript 前端开发
图解 Google V8 # 02:函数即对象:一篇文章彻底搞懂 JavaScript 的函数特点
图解 Google V8 # 02:函数即对象:一篇文章彻底搞懂 JavaScript 的函数特点
115 0
图解 Google V8 # 02:函数即对象:一篇文章彻底搞懂 JavaScript 的函数特点
|
Web App开发 JavaScript 前端开发
图解 Google V8 # 01:V8 是如何执行一段 JavaScript 代码的?
图解 Google V8 # 01:V8 是如何执行一段 JavaScript 代码的?
149 0
图解 Google V8 # 01:V8 是如何执行一段 JavaScript 代码的?
|
Web App开发 存储 前端开发
如何使用 Google CrUX 分析和比较 JS 框架的性能
在美国本土流量前 100 万的站点中(按流量统计),Vue 的性能追平了 React。
131 0
如何使用 Google CrUX 分析和比较 JS 框架的性能