Google Analyticsanalytics.js例外追跡からの例外のレポート

Google UniversalAnalyticsにはヒットタイプの例外があります

ga('send', 'exception', {
  'exDescription': 'DatabaseError'
});

Google Analyticsコンソールにアクセスして、「イベント」と同じレベルの例外レポートを見つけることができると期待していましたが、どこにも表示されません。

AndroidとiOSのAPIは言ってCrash and exception data is available primarily in the Crash and Exceptions reportいますが、その名前のレポートは見つかりません。

理解した。なぜ彼らがこれを組み込みのレポートにしないのかはわかりませんが、いつかはそうなるかもしれません。

ダッシュボードにException Description、ディメンション用のカスタムウィジェットと、指標用の「クラッシュ」を作成しました。

これは私にこのようなレポートを与えます：

Customizationタブに移動してカスタムレポートを作成し、エラーの表を表示して、ダッシュボードに追加することもできます。

このグローバル例外ハンドラーで使用されます

if (typeof window.onerror == "object")
{
    window.onerror = function (err, url, line)
    {
        if (ga) 
        {
           ga('send', 'exception', {
               'exDescription': line + " " + err
           });
        }
    };
}

このハンドラーは、Javascriptの初期化のどこにでも配置できます。これは、すべてのJSファイルをどのように構成しているかによって異なります。または、<script>htmlbodyタグの上部にあるタグ内に配置することもできます。

Simon_Weaverのガイドを使用して、カスタムレポートをさらに数ステップ作成し、かなり完全なGoogleAnalyticsカスタム例外レポートを作成しました。共有する価値があると思ったので、GA「SolutionsGallery」にアップロードしました。

私のテンプレート：GoogleAnalytics例外レポート

これが最終結果の写真です：

@Simon_Weaverの優れた回答を少し拡張して、いくつかの追加の詳細を含むエラーレポートを提供したかっただけです。

• ga()呼び出す前に、が定義されていることを確認してください（Analyticsライブラリがロードされる前にエラーがトリガーされる可能性があるため）。
• アナリティクスレポートに例外の行番号と列インデックスを記録します（ただし、本番環境で使用される縮小されたJavaScriptコードは読みにくい場合があります）。
• 以前に定義されたwindow.onerrorコールバックを実行します。

/**
 * Send JavaScript error information to Google Analytics.
 * 
 * @param  {Window} window A reference to the "window".
 * @return {void}
 * @author Philippe Sawicki <https://github.com/philsawicki>
 */
(function (window) {
    // Retain a reference to the previous global error handler, in case it has been set:
    var originalWindowErrorCallback = window.onerror;

    /**
     * Log any script error to Google Analytics.
     *
     * Third-party scripts without CORS will only provide "Script Error." as an error message.
     * 
     * @param  {String}           errorMessage Error message.
     * @param  {String}           url          URL where error was raised.
     * @param  {Number}           lineNumber   Line number where error was raised.
     * @param  {Number|undefined} columnNumber Column number for the line where the error occurred.
     * @param  {Object|undefined} errorObject  Error Object.
     * @return {Boolean}                       When the function returns true, this prevents the 
     *                                         firing of the default event handler.
     */
    window.onerror = function customErrorHandler (errorMessage, url, lineNumber, columnNumber, errorObject) {
        // Send error details to Google Analytics, if the library is already available:
        if (typeof ga === 'function') {
            // In case the "errorObject" is available, use its data, else fallback 
            // on the default "errorMessage" provided:
            var exceptionDescription = errorMessage;
            if (typeof errorObject !== 'undefined' && typeof errorObject.message !== 'undefined') {
                exceptionDescription = errorObject.message;
            }

            // Format the message to log to Analytics (might also use "errorObject.stack" if defined):
            exceptionDescription += ' @ ' + url + ':' + lineNumber + ':' + columnNumber;

            ga('send', 'exception', {
                'exDescription': exceptionDescription,
                'exFatal': false, // Some Error types might be considered as fatal.
                'appName': 'Application_Name',
                'appVersion': '1.0'
            });
        }

        // If the previous "window.onerror" callback can be called, pass it the data:
        if (typeof originalWindowErrorCallback === 'function') {
            return originalWindowErrorCallback(errorMessage, url, lineNumber, columnNumber, errorObject);
        }
        // Otherwise, Let the default handler run:
        return false;
    };
})(window);

// Generate an error, for demonstration purposes:
//throw new Error('Crash!');

編集： @Simon_Weaverが正式に指摘したように、Google Analyticsには、例外追跡に関するドキュメントがあります（元の回答でリンクする必要がありました-申し訳ありませんが、新人の間違いです！）：

• https://developers.google.com/analytics/devguides/collection/analyticsjs/exceptions
• https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#exception

これは私が思いついたものなので、どこにでもコードを含める必要はありません。new ErrorHandler();各.jsファイルに追加するだけです。これはChrome拡張機能に対して行われましたが、どこでも機能するはずです。実際のga（）のものを別のファイル（したがってapp.GA）に実装しますが、ここでベイクすることもできます。

/*
 *  Copyright (c) 2015-2017, Michael A. Updike All rights reserved.
 *  Licensed under the BSD-3-Clause
 *  https://opensource.org/licenses/BSD-3-Clause
 *  https://github.com/opus1269/photo-screen-saver/blob/master/LICENSE.md
 */
// noinspection ThisExpressionReferencesGlobalObjectJS
(function(window, factory) {
    window.ExceptionHandler = factory(window);
}(this, function(window) {
    'use strict';

    return ExceptionHandler;

    /**
     * Log Exceptions with analytics. Include: new ExceptionHandler();<br />
     * at top of every js file
     * @constructor
     * @alias ExceptionHandler
     */
    function ExceptionHandler() {
        if (typeof window.onerror === 'object') {
            // global error handler
            window.onerror = function(message, url, line, col, errObject) {
                if (app && app.GA) {
                    let msg = message;
                    let stack = null;
                    if (errObject && errObject.message && errObject.stack) {
                        msg = errObject.message;
                        stack = errObject.stack;
                    }
                    app.GA.exception(msg, stack);
                }
            };
        }
    }
}));

[動作]の下に[クラッシュと例外]ビューが表示されるようになりました（プロパティがGoogle Analyticsで「モバイルアプリ」として作成されている場合）。