Для того, чтобы установить счетчик google analytics нужно снабдить все страницы Вашего сайта так называемым кодом отслеживания — GATC (Google Analytics  Tracking Code).

GATC (он же счётчик google analytics) — это фрагмент JavaScript кода, которые мы вставляем на все страницы сайта. По сути он работает как маяк для сбора информации о посетителях и пересылки её серверам сбора данных Google Analytics.

Код google analytics

Типичный код google analytics (GATC) выглядит следующим образом:

<script type=»text/javascript»>
var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-ХХХХ-ХХ’]);
_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>

Это типовой код, который Google предлагает автоматически, состоит из 3 частей:

  • Уникальный идентификатор аккаунта в формате UA-XXXX-XX. Здесь важно по ошибке не вписать другой номер, так как можно передать ценные данные в чужой аккаунт.
  • Вызов JavaScript-процедуры  _trackPageview. Это основная процедура в Google Analytics, которая собирает URL адреса просмотров страниц, которые посетители загружают в свои браузеры, а также такие параметры, как тип браузера, настройка языка, источника перехода и временная метка.
  • Вызов главного JavaScript-файла с сервера Google. Самый важный файл — это ga.js, содержит JavaScript код, необходимый для проведения сбора данных. Этот файл используется для всех аккаунтов Google Analytics.

Счётчик Google Analytics представляет собой асинхронный код — это значит, что он загружается параллельно со страницей. Использование асинхронного синтаксиса возможно благодаря объекту _gag. Он работает в качестве очереди, представляющей собой структуру данных типа «первый вошел-первый вышел», которая собирает обращения API до тех пор, пока ga.js не будет готов их выполнить. Для добавления чего-либо в очередь используется метод _gag.push.

Строка «var _gaq = _gaq || [];» создаёт массив JavaScript. Если _gag уже определен, сценарий будет продолжать использовать данную переменную. Если нет — он создает массив:

_gaq.push([‘_setAccount’, ‘UA-ХХХХ-ХХ’]);
_gaq.push([‘_trackPageview’]);

Во время загрузки файла ga.js в массив как бы выталкиваются (ставятся в очередь) две команды. Первая из них устанавливает идентификатор аккаунта, в котором будут храниться ваши данные. Вторая перехватывает URL-адрес предназначенной для загрузки страницы. По окончании загрузки ga.js он заменяет массив объектом _gag и выполняет все команды, помещенные в очередь. Последующие обращения к _gag.push разрешаются этой функцией, которая выполняет команды по мере их поступления.

Установка google analytics

Часто многие не знают, как установить Google Analytics. Оказывается всё просто — устанавливать счётчик google analytics нужно обязательно перед закрывающим тегом </head>.

Это повышает точность отслеживания, так как файл ga.js будет загружаться первым. После установки счётчика данные в аккаунте должны будут начать отображаться не позже чем через 4 часа. Но в случае нового аккаунта для этого может понадобиться до 24 часов.