使用 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 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
4月前
|
JavaScript 前端开发
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
Google Earth Engine(GEE)扩展——ee-polyfill JavaScript 方法 (ES6+)
35 1
|
3月前
|
监控 数据挖掘 UED
Google Analytics的实时监控功能有哪些优势?
【6月更文挑战第8天】Google Analytics的实时监控功能有哪些优势?
32 4
|
3月前
|
监控 搜索推荐 数据可视化
Google Analytics是如何帮助网站和应用所有者理解用户行为的?
【6月更文挑战第8天】Google Analytics是如何帮助网站和应用所有者理解用户行为的?
43 4
|
3月前
|
SQL 监控 数据可视化
Google Analytics
【6月更文挑战第8天】Google Analytics
37 4
|
4月前
|
JavaScript 测试技术
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
【sgGoogleTranslate】自定义组件:基于Vue.js用谷歌Google Translate翻译插件实现网站多国语言开发
|
4月前
|
设计模式 前端开发 JavaScript
AngularJS是一款由Google收购的JavaScript结构框架
【5月更文挑战第2天】AngularJS是Google收购的JavaScript框架,用于构建动态Web应用,基于MVC模式,强调模块化和双向数据绑定。它简化了视图与模型的同步,通过语义化标签和依赖注入提升开发效率。适用于复杂单页面应用(SPA),但不适合DOM操作密集型或性能要求极高的场景。
50 0
|
4月前
|
数据可视化 数据挖掘 数据建模
R语言指数平滑法holt-winters分析谷歌Google Analytics博客用户访问时间序列数据
R语言指数平滑法holt-winters分析谷歌Google Analytics博客用户访问时间序列数据
|
11月前
|
JavaScript Java 开发工具
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)(二)
Cocos Creator Android 平台接入 Google Firebase (Analytics功能)
280 0
|
4月前
|
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 应用程序。
39 2
|
4月前
|
JavaScript 前端开发 定位技术
Google Earth Engine谷歌地球引擎GEE中JavaScript脚本语言代码基础规则与函数语句
Google Earth Engine谷歌地球引擎GEE中JavaScript脚本语言代码基础规则与函数语句
下一篇
云函数