Блог

MS Group - агентство интернет-маркетинга

Как правильно настраивать цели Метрики и Analytics на сайте

Как правильно настраивать цели Метрики и Analytics на сайте

Как правильно настраивать цели Метрики и Analytics на сайте

Когда мы оцениваем эффективность работы рекламных кампаний, показатели конверсии являются более объективными, нежели показатели CTR, так как являются ближайшим шагом к конечной покупке. Для лучшего понимания темы раскроем понятия конверсия и CTR:

Конверсия - это отношение числа посетителей сайта, совершивших какое-либо целевое действие (покупка, заказ, звонок и т.д.) к общему числу посетителей сайта;

CTR - это отношение числа кликов к числу показов.

В данной статье мы поговорим о таком элементе Яндекс.Метрики и Google Analytics как "Цели".

Примечание: для работы целей необходимо установить счетчик Яндекс.Метрики (metrika.yandex.ru) и Google Analytics (analytics.google.com) на свой сайт на каждую страницу перед закрывающим тегом </head>.

Представление конверсии и работы целей в Яндекс.Метрика

Рисунок 1. Представление конверсии и работы целей в Яндекс.Метрике

 

Представление конверсии и работы целей в Google.Analytics

Рисунок 2. Представление конверсии и работы целей в Google.Analytics

Для начала вспомним, зачем нужны "Цели". С их помощью мы можем отслеживать различные действия пользователей на сайте. Это может быть посещение определенной страницы, отправка заявки, нажатие на кнопку или даже достижение определенного временного порога с помощью длительности визита.

На самом деле вариантов отслеживания целей значительно больше, и их количество зависит только от фантазии маркетолога и технических навыков javascript-программиста. В данной статье мы будем рассматривать 2 наиболее используемых: нажатие кнопки и отправка формы.

В статье будет рассмотрен тип цели "JavaScript событие" в метрике и "Событие" в GoogleAnalytics. Именно этот тип целей позволяет наиболее точно отслеживать факт совершенной заявки или любое другое действие.

 

В Ms-Group довольно часто обращаются за настройкой рекламы заказчики, уже имеющие свой сайт с предварительно настроенными инструментами для работы с Яндекс.Директом и Google.Adwords. И зачастую на этих сайтах допущены грубые ошибки при настройке систем аналитики:

Ошибка 1 – цель на нажатие на номер телефона.

Данный пункт неоднозначен, и споры по нему продолжаются до сих пор. Мы заметили, что идет сильное расхождение между количеством сработанных целей и количеством звонков. Пользователи из любопытства или случайно нажимают на номер телефона. Встроенные возможности смартфонов предлагают позвонить по данному номеру, после чего пользователь отменяет звонок, потому что он нажал на него «просто посмотреть, что будет».

Мы не рекомендуем использовать данный метод. Гораздо эффективнее будут коллтрекинг-сервисы, которые позволяют отслеживать количество и источник звонков. Их данные будут значительно точнее.

Такая же ситуация наблюдается и по электронной почте. В этом случае телефон/ПК попытается открыть встроенный почтовый клиент, которыми пользуются далеко не все. В России редко пользуются почтовыми клиентами, а потому посетитилеи зачастую просто закрывают форому, копируют себе адрес почты и пишут напрямую из того почтового сервиса, которым они пользуются.

 

Ошибка 2 – игнорирование целей внешних сервисов.

Например, при подключении онлайн-консультантов практически никто не использует их встроенные возможности по срабатыванию целей. Один наш клиент подключал онлайн-консультант Talk-Me. Мы заметили, что часть обращающихся через него посетителей заказывали ремонт, другая часть уходила, имея при этом сломанный девайс. Этих пользователей нужно было как-то догонять. И сделать это можно было через кампании ретаргетинга. Они уже пообщались с нами и "прогреты".

Для решения вопроса достаточно было настроить срабатывание цели «написал в онлайн-консультацию» и создать сегмент в Метрике по этой цели. Talk-Me, как и большинство других сторонних сервисов, предоставляет возможность отправки подобной цели в системы аналитики.

Срабатывание цели у онлайн консультанта Talk-Me 

Рисунок 3. Срабатывание цели у онлайн-консультанта Talk-Me

.

Ошибка 3 - установка цели на нажатие кнопки.

Самая важная и критическая ошибка – «повесить» срабатывание цели на НАЖАТИЕ кнопки «отправить заявку». Даже сам Яндекс, по нашему мнению, дает не самый жизнеспособный пример (рисунок 4) (Источник: https://yandex.ru/support/metrika/reports/).

Неоднозначный пример по применению целей

Рисунок 4. Неоднозначный пример по применению целей 

Объясним на примере отправки заявки на нашем сайте http://ms-group.online (рисунок 5), почему делать цель на нажатие кнопки «Отправить заявку» - плохая практика.

Форма отправки заявки на бесплатную консультацию (поле с телефоном обязательно)

Рисунок 5. Форма отправки заявки на бесплатную консультацию (поле с телефоном обязательно)

 

Что будет происходить, если цель срабатывает на нажатие кнопки «получить консультацию»:

Ситуация №1:

Ввели имя, ввели номер телефона, нажали кнопку «получить консультацию», цель сработала, заявка отправлена. Здесь всё хорошо.

Ситуация №2:

Не ввели имя, ввели номер телефона, нажали кнопку «получить консультацию», цель сработала, заявка отправлена. Здесь тоже всё без ошибок.

Ситуация №3:

Ввели имя, не ввели телефон, нажали кнопку «получить консультацию», цель сработала, НО! Заявка НЕ отправлена, т.к. поле для телефона является обязательным для заполнения. Получается, конверсия зачтется, а на деле контактные данные мы не получили, грубо говоря, на выходе получаем фрод.

Ситуация №4:

Пользователь вообще ничего не заполнил и просто нажимает «получить консультацию», цель сработала, заявка не отправлена, опять получаем расхождение конверсии в отчетах с реальными заявками.

Ситуация №5:

Чаще всего поле с телефоном разработчики дополнительно проверяют на соответствие заданным требования (10 цифр, без буквы), и при нажатии на поле ввода номера пользователь видит «+7(___)___-__-__». При неправильном заполнении этого поля (слишком короткий номер, буквы, $%@&# в номере), заявка не отправится, но цель сработает, что также является ошибкой.

В итоге мы получим конверсию больше 50%, а по факту 4-8%.

 

Что же делать в таких случаях? Нам нужно, чтобы цель срабатывала только при условии УСПЕШНОЙ ОТПРАВКИ заявки. Добавлять срабатывание цели правильно не на нажатие кнопки, а на отправку заявки из формы. В коде сайта это должно выглядеть так:

Правильно:

<form onsubmit=”yaCounter<id счетчика метрики>.reachGoal('название цели'); gtag('event', 'form-submit', {'event_category': 'form', 'event_action': 'submit', }); return true;”>

 

Неправильно:

<input type=”submit” onclick=” yaCounter<id счетчика метрики>.reachGoal('название цели'); gtag('event', 'button-click', {'event_category': 'button', 'event_action': 'click', }); return true;”>

 

Если всё сделать правильно (рисунок 6), ваша конверсия будет максимально точно отражать информацию о заявках.

Цель сработала только после успешной отправки заявки

Рисунок 6. Цель сработала только после успешной отправки заявки 

Примечание: Если к полю с телефоном подключен контроль правильности заполнения полей, то подключить срабатывание целей таким способом не получится  (они будут игнорироваться скриптом). Для работы с такими полями необходимы навыки работы javascript-программиста и опыт работы с AJAX. В таких случаях лучше обратиться к специалистам в сфере web-разработки. Но зато и настроить систему при таком подходе можно более точно. Об этих способах подробнее мы расскажем в следующих статьях.

Определение целей и их именование

Мы рассмотрели, как настраивать цели на стороне сайта. Пора их настроить в Яндекс.Метрике и Google Analytics. Но перед этим следует определиться с названиями и количеством целей. Рассмотрим на примерах:

Пример 1 (простой):

Возврат страхования кредита вернистраховку.рф.

Имеем: 3 формы на сайте, 1 форма в сплывающем окне (активируется кнопками в шапке и подвале сайта). Получается 4 формы – 4 цели. НЕВЕРНО. Дело в том, что все формы данного сайта выполняют одну задачу – оставить заявку на возвращение страхования кредита. Поэтому достаточно создать одну цель и настроить ее на стороне сайта для всех форм.

Как назвать идентификатор?

 Совсем недавно мы начали внедрять методологию БЭМ (Блок. Элемент. Модификатор) от Яндекса и за пределы web-разработки (https://tech.yandex.ru/bem/). В данном случае получаем:

для Метрики:

yaCounter<id счетчика метрики>.reachGoal('callback-form--submit');

для Analytics:

gtag('event', 'callback-form--submit', {'event_category': 'callback-form', 'event_action': 'submit', });

Прикрепляем к форме:

<form onsubmit=”yaCounter<id счетчика метрики>.reachGoal('callback-form--submit '); gtag('event', 'callback-form--submit', {'event_category': 'callback-form', 'event_action': 'submit', }); return true;”>

 

callback-form - объект, на котором должна сработать цель;

submit – действие над объектом, при котором должна сработать цель.

Получаем callback-form--submit, что можно прочитать как “форма-заявки—отправить”.

Такое именование позволило ускорить процесс создания и проверку целей сайта.

В случае с настройкой цели на клик по телефону, получаем: phone--click.

Пример 2:

Сервис ремонта продукции Apple в Тюмени service-apple72.

Какие формы у нас есть:

  • Обратный звонок (открывается через шапку сайта, подвал);
  • Консультация;
  • Я не нашел поломку;
  • Оставить заявку;
  • Написать руководителю;
  • Починка в кредит;
  • Ремонт в филиалах.

В сумме 7 форм. Здесь также нет смысла делать цель на каждую форму. Формы «обратный звонок», «консультация», «оставить заявку» можно объединить и закрепить за ними одну цель - «callback-form--submit».

Получаем:

  • Обратный звонок: callback-form--submit;
  • Консультация: callback-form--submit;
  • Я не нашел поломку: not-found-form--submit;
  • Оставить заявку: callback-form--submit;
  • Написать руководителю to-director-form--submit;
  • Починка в кредит: tinkoff-form--submit;
  • Ремонт в филиалах: filial-form--submit;

Для многостраничных сайтов мы практикуем такое именование:

название-страницы__объект-цели--действие.

Для данного примера: service-apple-main__ callback-form--submit.

Результаты работы целей будут представлены в разделе «Отчёты» - «Стандартные Отчёты» - «Конверсии» (рисунок 7).

Результат работы целей «Конверсии»

Рисунок 7. Результат работы целей «Конверсии»

Настройка целей в Яндекс Метрике и GoogleAnalytics

Примечание: обязательно проверяйте, на каком аккаунте вы работаете при входе в metrika.yandex.ru и analytics.google.com

 

Яндекс.Метрика

Выбираем созданный счетчик метрики (id должен соответствовать счетчику метрики на самом сайте). Переходим в «Настройки», далее во вкладку «Цели», «Добавить новую цель».

Поля для заполнения (рисунок 8):

Название - нужно постараться дать релевантное нашей цели.
Блог: заказать звонок (blog__callback-for--submit).

Ретаргетинг. На работу целей никак не влияет, дает возможность выделить часть целей во вкладку «ретаргетинговые».

Тип условия: javascript-событие.

Настройка цели в Яндекс.Метрике. Также можно использовать «посещение страниц» для отслеживания перехода на страницу «Спасибо», к примеру. Составная же цель срабатывает при условии выполнения нескольких условий

Рисунок 8. Настройка цели в Яндекс.Метрике.


Также можно использовать «посещение страниц» для отслеживания перехода на страницу «Спасибо», к примеру. Составная же цель срабатывает при условии выполнения нескольких условий

Результат на рисунке 9.

Цель сработала только после успешной отправки заявки

Рисунок 9. Цель сработала только после успешной отправки заявки

 

GoogleAnalytics

Перед настройкой целей мы рекомендуем создать второе представление с любым названием. Это как минимум необходимо на случай необходимости вернуться к изначальному состоянию. Для этого переходим в поля: «Администратор», «Представление», «Добавить представление». (рисунок 10)

После создания нового представления вернитесь в раздел «Администратор» и в блоке "Представление" зайдите в «Цели» (рисунок 9).

Представления и цели

Рисунок 10. Представления и цели

Сама цель на сайте выглядит так:

gtag('event', 'callback-form--submit', {'event_category': 'callback-form', 'event_action': 'submit', });

После нажатия кнопки «+ Цель» отобразится новое окно.

Итак, представим алгоритм действий для создания целей:

  1. Установка цели: собственная.
  2. Описание цели: задаем, как и в Метрике. «Обратный звонок» или «Форма: обратный звонок».
  3. Идентификатор целей рекламного места: можно не трогать, проставляется сам.
  4. Тип: событие.
  5. Подробные сведения о цели:

5.1.         Категория: callback-form

5.2.         Действие: submit

Остальное можно оставить «по умолчанию» (рисунок 11). Сохраняем. Результаты работы целей будут представлены в разделе «Конверсии».

Создание цели в Google Analytics

Рисунок 11. Создание цели в Google Analytics

 

При таком подходе мы получаем максимально понятную структуру целей, которая при этом легко масштабируемая и легкая для аналитики.

Основатель MS Group
Кирилл Гущин Основатель MS Group

Приглашаем к партнерству.

Оставьте заявку, мы с вами свяжемся.
Нажимая на кнопку, Вы принимаете Положение и Согласие на обработку персональных данных.