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