Бондарь Дмитрий
3 Мая 2016

Настройка целей в Яндекс Метрике. Способ 1

В статье рассматриваются различные способы настройки целей в Яндекс Метрике. Цели для форм, для страниц, по времени посещения, по просмотру видео и так далее.

Поделитесь статьей в социальных сетях:

День добрый. Необходимо настроить цели для Яндекс Метрики? В статье мы рассмотрим различные способы настройки целей, которые подойдут, и для новичков, и для профессиональных веб-мастеров.

 

Способ 1 - универсальный


Для настройки любых целей с любыми задачами подойдет универсальный способ через идентификатор цели. По сути это JS код, который отправляет в Яндекс Метрику оповещение о выполнении цели. Чтобы не томить некоторых читателей, сразу приведу код.

yaCounterXXXXXXXX.reachGoal('TARGET');

Теперь по порядку:

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

Для начала нужно зайти в Метрику http://metrika.yandex.ru, выбрать счетчик(предлполагается, что он уже создан), зайти сбоку во вкладку "настройки", выбрать "цели", добавить цель, выбрать "JavaScript событие", написать необходимый любой идентификатор цели латинскими буквами, можно с символами, чтобы раздичать их, рекомендую использовать релевантные названия с задачей, например "form_header" для формы в хедере или "play_video1" для проигрывания первого видео. После заполнения необходимо нажать на "добавить цель" и добавить все остальные необходимые цели. После этого добавленные цели нужно сохранить.

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

2. Настройка целей на сайте.

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

yaCounterXXXXXXXX.reachGoal('TARGET');

Вместо XXXXXXXX необходимо вставить номер метрики, ее можно найти в коде отслеживания, который устанавливался при настройке счетчика. Там есть следующая строка:

w.yaCounter35622215 = new Ya.Metrika

Номер 35622215 и есть необходимый номер счетчика. "TARGET" - тот самый идентификатор цели. Теперь необходимо вставить цели в нужные места на сайте. Если вы ничего не понимаете в коде, существует самый простой, но не всегда правильный способ - поставить цель на клик кнопки формы или другого элемента. Для этого берем кнопку или элемент.

 <button>отправить</button>

И указываем атбирут "onclick" с необходимым кодом

<button onclick="yaCounter35622215.reachGoal('form1');">отправить</button> 

Если необходимо использовать цель точно(кликнуть на отправку формы можно несколько раз), тогда вставляем код прямо в скрипт отправки формы, для примера использован скрипт jquery.form.

$(form).ajaxSubmit({
url: '/form.html',
type: 'POST',
dataType: 'html',
success: function(response, statusText, xhr, $form) {
yaCounter35622215.reachGoal($(form).attr('target'));
yaCounter35622215.reachGoal('con');
yaCounter35622215.reachGoal('con_l');
$('.modal').modal('hide');
$('#thanks').modal('show');
$(form).find('input,textarea').each(function(){
if($(this).attr('type')!='hidden')
$(this).val('');
})
}
});

Если рассматривать этот фрагмент кода с целями.

  yaCounter35622215.reachGoal($(form).attr('target'));
yaCounter35622215.reachGoal('con');
yaCounter35622215.reachGoal('con_l');

 Выполняется цель в атрибуте target на форме, чтобы не писать код для каждой формы. Также выполняются агригирующие цели "con" - общая конверсия и "con_l" - конверсия заявок. Указываем цели на каждой форме:

 <form target="form1">

Другие способы рассмотрим позже...

Хотите получать интересные материалы по интернет-маркетингу?

Подпишитесь на рассылку и вы будете получать все новые материалы, статьи и видеоролики по самым последним трендам интернет-маркетинга.
Подписаться