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

установить счетчик google analytics, настройка счетчика google analytics

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

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

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

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

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

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

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

установить код Google Analytics

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

Модифицируем код Аналитики Гугл

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

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

  1. Копируем код в блокнот;
  2. Дописываем между ga (‘create… и ga (‘send…
    ga('require', 'displayfeatures');
    ga('require', 'linkid', 'linkid.js');
    Должно в точности получиться как на скриншоте (только идентификатор свой вставьте свой UA-XXXXXXXX-1)
  3.  Хотите отслеживать точный показатель отказов?
  4. Тогда добавляем перед 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);
    
  5. Проверяем, чтобы было в точности, как на скриншоте.  Проверяем, чтобы все кавычки открывались и закрывались, а также точку с запятой в конце вставленной строчки.
    <!-- Код счетчика Google analytics-->
  6.  <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 поиска и вставляю его там (см. скриншот)

куда вставить код Analytics, как вставить код Google Analytics

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

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

Проверка кода Google Analitics в Tag Assisnant

Шаг 3 читай в следующем посте «Как связать Google Analytics и Google Adwrods»

Получите доступ к бесплатному курсу по настройке Google Adwords -->

ПОЛУЧИТЬ ДОСТУП К БЕСПЛАТНОМУ КУРСУ GOOGLE ADWORDS

Как Установить Счетчик Google Analytics?
5 (100%) 2 votes

Похожие статьи
  • Николай Павелко

    Артур здравствуйте. Хочу уточнить про строчку в коде касательно ремаркетинга. Это для аналитик универсал тоже нужно делать? Ведь там уже можно включать ремаркетинг отдельно.

    • khronin

      Код Ремаркетинга ставиться внизу перед боди и код конверсий тоже. Ориентируйтесь по Tag Assistant

  • Николай Павелко

    Наверное я не так выразился: Вы предлагает вставить вот этот код для ремаркетинга:

    ga ('require', 'displayfeatures');

    ga ('require', 'linkid', 'linkid.js');

    но в аналитикс универсал уже есть кнопка включения функции сбора ремаркетинга,

    вопрос состоим в том или этот код не дублирует то что уже есть в универсал аналитиксе?

    я так понимаю что в простом ,старом аналитиксе такой возможности не было,

    поетому там этот код необходим

    • khronin

      Без этой строчки не будет работать просто код ремаркетинга

  • Ольга Горбатова

    «добавляем перед ga (‘send еще одну строку» — а в примере этот текст после стоит. Так до или после добавляем? 🙂