Отслеживание ошибок в JavaScript с помощью Google Analytics

Как вы уже наверное знаете, Google Analytics всегда был больше, чем просто инструмент для сбора статистики и счетчика посещений. С его помощью можно измерить эффективность рекламы и узнать всю информацию о пользователях и их поведении в интернете. Но все это будет полезно для маркетологов. А что Google Analytics может предложить для разработчиков?

С помощью Google Analytics разработчики могут отслеживать ошибки в JavaScript .

Первое, что вам необходимо сделать – это зарегистрироваться в системе и установить Google Analytics на сайт. Для этого создаем новый аккаунт в системе Google+ и после заполняем профиль с личными данными. Когда все готово, добавлем на сайт слдеующий код для установки счетчика:

<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX']);
_gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Все готово? Теперь можно переходить к непосредственному отслеживанию ошибок в JavaSCript. Для этого в теге head до начала подгрузки каких-либо скриптов, следующий код:

<script>
var _gaq = window._gaq || [];
window.onerror = function(msg, url, line) {
    var preventErrorAlert = true;
    _gaq.push(['_trackEvent', 'JS Error', msg, navigator.userAgent + ' -> ' + url + " : " + line, 0, true]);
    return preventErrorAlert;
};
</script>

Также есть код для отслеживания в Ajax:

$(document).ajaxError(function(e, request, settings) {
    _gaq.push([
        '_trackEvent',
        'Ajax error',
        settings.url,
        e.result,
        true
    ]);
});

Теперь вы без труда сможете отслеживать и техническую статистику собственного сайта, без использования громоздких программ. А зная, как работают события Google Analytics, как они выглядят и где находятся, вы без проблем сможете настроить вид отчетов об ошибках, и сделать его наиболее подходящим для вашего проекта.