В этой статье мы разберем, как подключить Google Analytics к вашему сайту и вообще узнаем, что это за сервис.
Если у вас уже есть аккаунт в Google Adwords, то вам необходим счетчик, который бы считал все посещения с Google Adwords и помогал бы собирать статистику для дальнейшего анализа.
Как установить счетчик в 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);
- Проверяем, чтобы было в точности, как на скриншоте. Проверяем, чтобы все кавычки открывались и закрывались, а также точку с запятой в конце вставленной строчки.
<!-- Код счетчика Google analytics--> -
<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». После пройдет проверка и если будет зеленая рожица, то все правильно стоит и данные поступают, если синее — не совсем верно, но данные тоже поступаю, а вот если будет красная рожица, то нужно переделывать.
Шаг 3 читай в следующем посте «Как связать Google Analytics и Google Adwrods»