Как установить счетчик Google Analytics?

В этой статье мы разберем, как подключить Google Analytics к вашему сайту и вообще узнаем, что это за сервис.

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

Содержание

Как установить счетчик в Google Analytics?
Шаг 1. Создаем счетчик Google Analytics
Шаг 2. Установка счетчика Google Analytics на сайт

Как установить счетчик в Google Analytics?

Шаг 1. Создаем счетчик Google Analytics

Заходим в свой аккаунт Google или создаем, если нет
Переходим на сайт http://google.com/analytics/
Заходим во вкладку «Администратор» и жмем "Создать аккаунт"
Вбиваем название аккаунта. Это раздел для сайтов, то есть не сам сайт, а папка для сайтов. Можете назвать как Личные сайты.
Вбиваем название сайта. Тут уже вбивайте свое название домена.
URL сайта. Тут адрес домена.
Отрасль. Выбирайте смежную или похожую отрасль вашего сайта.
Отчетный часовой пояс. Выбирайте страну, в которой проживаете и подтверждайте пользовательское соглашение.
Ставим все галочки (Продукты и сервисы, Сравнение, Техническая поддержка, Специалисты по аккаунтам)
Жмем на «Получить идентификатор отслеживания».

Шаг 2. Установка счетчика Google Analytics на сайт

Что нужно сделать, чтобы упростить настройку ремаркетинга и не мучатся с тегами потом в счетчике от Google Analytics?

Копируем наш код и вставляем в блокнот (мы используем notepad++), делаем мы этом потому, что он нам подходит, но не в таком виде. Почему? Он не позволяет собирать списки ремаркетинга. Поэтому, чтобы в будущем не напрягать верстальщика еще раз. Между строчкой №7 и №8 нужно добавить вот эту строчку:

Вторая строчка отвечает за улучшенную атрибуцию ссылок (еще один модификатор Google Analytics)

Поэтому мы делаем так:

Копируем код в блокнот;
Дописываем между ga (‘create… и ga (‘send…
```
ga('require', 'displayfeatures');
ga('require', 'linkid', 'linkid.js');
```
Должно в точности получиться как на скриншоте (только идентификатор свой вставьте свой UA-XXXXXXXX-1)
Хотите отслеживать точный показатель отказов?

Тогда добавляем перед ga (‘send еще одну строку

/* Accurate bounce rate by time */
if (!document.referrer ||
     document.referrer.split('/')[2].indexOf(location.hostname) != 0)
 setTimeout(function(){
 ga('send', 'event', 'Новый посетитель', location.pathname);
 }, 15000);

Проверяем, чтобы было в точности, как на скриншоте. Проверяем, чтобы все кавычки открывались и закрывались, а также точку с запятой в конце вставленной строчки.

 <script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 ga('create', 'UA-XXXXXXXXX-1', 'auto'); //ТУТ МЕНЯТЬ НОМЕР НА СВОЙ
 ga('require', 'displayfeatures');
 ga('require', 'linkid', 'linkid.js');
 ga('send', 'pageview');

 /* Accurate bounce rate by time */
 if (!document.referrer ||
 document.referrer.split('/')[2].indexOf(location.hostname) != 0)
 setTimeout(function(){
 ga('send', 'event', 'Новый посетитель', location.pathname);
 }, 15000);</script>
 <!--Google analytics-->

У вас получиться такого вида код в результате редактирования счетчика.

6. Все бы было отлично, но куда правильно вставить код Google Analitics?

Его нужно вставить перед закрывающимся тегом </head> (именно так он и выглядить). Для этого я захожу в код html сайта и нажимаю CTRL+F, чтобы ускорить процесc поиска и вставляю его там (см. скриншот)

Чтобы проверить все ли правильно стоить, то поставьте расширение для chrome Tag Assistant.

При нажатии на расширение Tag Assistant появиться окно и там нажмите на «Check this page now». После пройдет проверка и если будет зеленая рожица, то все правильно стоит и данные поступают, если синее — не совсем верно, но данные тоже поступаю, а вот если будет красная рожица, то нужно переделывать.