Настройка конверсионных целей в Яндекс Метрике и Google Analytics

Содержание:

  1. Что нам даёт аналитика целей.
  2. Виды целей (по событию и по достижению URL)
  3. Настройка целей по достижению URL в метрике
  4. Настройка целей по достижению URL в Google Analytics
  5. Настройка целей по событию в метрике
  6. Настройка целей для Google Analytics
  7. Как по одному событию нужно передавать цель и в Метрику, и в GA

Для чего нужна аналитика целей?

Представим ситуацию: у Вас есть сайт, а на сайте есть форма для сбора заявок:

форма для сбора заявок

Вы можете отследить, что за месяц у Вас было, например, 890 заявок. При этом, Вы потратили 15 000 за месяц на Яндекс Директ и 15 000 на Google Ads. Какой из этих каналов сработал эффективнее? Для того, чтобы ответить на этот вопрос, нам помогут цели в Метрике или Analytics:

отслеживание конверсии в Яндекс Метрике

Виды целей:

Цели бывают двух основных типов: по достижению определённого URL и по событию на сайте.

Если после отправки формы Вы попадаете на новую страницу, то для аналитики подойдёт первый тип целей.

цель по достижению URL

Если после заполнения формы пользователь остаётся на той же самой странице, то для отслеживания нужен второй тип целей – по событию на сайте, например, нажатие на кнопку.

Настройка целей по достижению URL в метрике:

  1. Заходим в настройки счётчика метрики -> цели -> Добавить цель: Добавление новой цели в метрике
  2. Вводим название цели и часть URL страницы, которая появляется после оформления заявки: Настройка цели в метрике
  3. Тестируем отправку формы и проверяем, что данные о достижении цели попадают в метрику. Данные появляются в метрике с небольшой задержкой, до 30 минут. Проверить можно, например, здесь: Отчёты -> Стандартные отчёты -> Источники -> Источники, сводка: Проверка корректности цели в метрике

Настройка целей по достижению URL в Google Analytics:

  1. Администратор -> Цели Создание новой цели в Google analytics
  2. Добавить цель -> собственная цель
  3. Заполняем название цели и тип «целевая страница»
  4. В разделе «Подробные сведения о цели» выбираем «переход – равно» и вводим адрес страницы: Настройка цели в Google Analytics
  5. Тестируем событие и проверяем, что данные попадают в GA. Данные появляются с небольшой задержкой, до 30 минут. Проверить можно, например, здесь: Источники трафика -> Весь трафик -> Источник / канал: форма для сбора заявок

Настройка целей по событию в метрике:

Чуть сложнее настраиваются цели по событию, так как нужно будет ещё добавить определённый код к нам на сайт.

  1. Обновляем код метрики на сайте до последней версии (в декабре 2018 года изменился формат кода отслеживания)
  2. Заходим на страницу с формой, нажимаем правой кнопкой мыши на кнопку «Отправить» -> Посмотреть код»:
  3. Копируем одно из значений, которое написано внутри атрибута class. Нужно выбрать такое название класса, которое больше не используется в других элементах на сайте, например, в меню: Определение класса кнопки
  4. В Метрике в настройках цели выбираем «JavaScript событие» и в поле «Идентификатор цели» вводим название класса: форма для сбора заявок
  5. Добавляем в футер нужной страницы (после кода Метрики и GA) следующий код:
    <script type="text/javascript">
    var myBtn = document.querySelector('.btn-goal-for-js');

    myBtn.addEventListener('click', function(){
    ym(XXXXXXXX, 'reachGoal', 'goal-name'); return true;
    })
    </script>

    Вместо XXXXXXXX нужно будет вставить Вашего счётчика метрики. Обратите внимание, что этот код будет работать только для обновлённого счётчика метрики, до этого использовалась команда:
    yaCounterXXXXXXXX.reachGoal();
  6. Тестируем корректность передачи данных

Настройка целей по событию в Google Analytics:

  1. Заходим на страницу с формой, нажимаем правой кнопкой мыши на кнопку «Отправить» -> Посмотреть код»:
  2. Копируем одно из значений, которое написано внутри атрибута class. Нужно выбрать такое название класса, которое больше не используется в других элементах на сайте, например, в меню: форма для сбора заявок
  3. Проверяем, какой формат кода отслеживания используется. Возможные варианты:
    - используется фреймворк gtag.js (стандартный Google Analytics)
    - используется библиотека analytics.js (если у Вас Universal Analytics)
  4. Google Analytics -> Администратор -> Цели -> Добавить цель
  5. В блоке «Установка цели» выбираем «собственная цель»: Настройка цели по событию в Google Analytics
  6. В блоке «Описание цели» выбираем «Событие»
  7. В блоке «Подробные сведения о цели» заполняем поля «Категория» и «действия». Названия для полей используем произвольные Настройка цели по событию в Google Analytics
  8. Если мы используем стандартный Google Analytics, добавляем в футер нужной страницы (после кода Метрики и GA) следующий код:
    <script type="text/javascript">
    var myBtn = document.querySelector('.btn-goal-for-js');
    myBtn.addEventListener('click', function(){
    ga('send', 'event', 'form', 'submit'); return true;
    })
    </script>

    Если же мы используем Universal Analytics, то добавляем немного другой код:
    <script type="text/javascript">
    var myBtn = document.querySelector('.btn-goal-for-js');
    myBtn.addEventListener('click', function(){
    _gaq.push(['_trackEvent', 'form', 'submit']); return true;
    })
    </script>
  9. Тестируем цель.

Если по одному событию нужно передавать цель и в Метрику, и в GA:

Последовательность объединяет в себе все пункты из предыдущих двух разделов, но нужно будет вставить на сайт следующий код:

<script type="text/javascript">
var myBtn = document.querySelector('.btn-goal-for-js');
myBtn.addEventListener('click', function(){
ym(XXXXXXXX, 'reachGoal', 'goal-name'); return true;
ga('send', 'event', 'form', 'submit'); return true;
})
</script>

Комментарии

Никита Селиванов

Остались вопросы? Пиши в комментарии, я отвечу!


Комментарии для сайта Cackle