javascript
实用技巧:使用 Google Analytics 跟踪 JS 错误
Google Analytics(谷歌分析)不僅僅是一個流量統(tǒng)計工具,你還可以用它來測量廣告活動的有效性,跟蹤用戶多遠(yuǎn)到所需的頁面流(從點(diǎn)擊廣告到購物車到結(jié)賬頁面)獲取,并基于用戶的信息設(shè)置瀏覽器和語言環(huán)境支持。
?
?
但是,這一切東西都不是我們開發(fā)者所需要的。今天給大家介紹一個很另類的技巧,通過自定義事件跟蹤 JavaScript 錯誤。下面就讓我們來看看如何實(shí)現(xiàn)的錯誤檢查的:
// 跟蹤基本的 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]); });現(xiàn)在,當(dāng)你進(jìn)入谷歌分析,您可以在查看其他網(wǎng)站統(tǒng)計的同時看到自定義事件的信息。當(dāng)然,你會告訴營銷人員這些都不是真正的錯誤,那是功能(偷笑),那是另一個故事了。
查看錯誤報告
要有這個功能,先確保已有?Google Analytics 賬號,查看步驟:
- 登錄?Google Analytics;
- 在左側(cè)的導(dǎo)航面板找到行為;
- 點(diǎn)擊事件查看概覽;
- 在事件分類下面會有異常,點(diǎn)擊;
- 在出現(xiàn)的界面點(diǎn)擊事件標(biāo)簽,點(diǎn)擊維度過濾;
- 這時候就能看到跟蹤到的所有錯誤信息了;
?
?
自定義錯誤報告
Google Analytics 提供了強(qiáng)大的報告自定義功能,你可以自定義錯誤報告來跟蹤產(chǎn)生錯誤的操作系統(tǒng),瀏覽器以及版本等信息。設(shè)置步驟:
- 找到自定義功能,在報告選項(xiàng)卡的旁邊;
- 點(diǎn)擊新增自定義報告;
- 生成信息 =?錯誤跟蹤;
- 報告內(nèi)容 => 名稱 =?JavaScript 錯誤;
- Metric Group =?所有事件;
- 維度結(jié)構(gòu) => 事件分類 > 操作系統(tǒng) > 瀏覽器 > 瀏覽器版本 > 事件標(biāo)簽;
- 點(diǎn)擊保存;
?
?
您可能感興趣的相關(guān)文章- 優(yōu)秀前端開發(fā)教程:打造動感的立體效果進(jìn)度按鈕
- IconVault – 創(chuàng)建自定義圖標(biāo)字體的超強(qiáng)工具推薦
- 使用 Fries 創(chuàng)建性感的 Android 風(fēng)格移動應(yīng)用界面
- Transit – 超平滑的 CSS 過渡和變換動畫效果插件
- 10大流行 Metro UI 風(fēng)格的 Bootstrap 主題和模板
?
本文鏈接:實(shí)用技巧:使用 Google Analytics 跟蹤 JS 錯誤
編譯來源:夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計資源
本文出處【http://www.cnblogs.com/lhb25/】
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的实用技巧:使用 Google Analytics 跟踪 JS 错误的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 酷毙了!三种风格的全屏幻灯片效果【附源码
- 下一篇: Scroll Depth – 衡量页面滚