Инструкция по настройке целей Яндекс Метрики

 

Как настроить цели Яндекс Метрики на сайте

Чтобы настроить цели для Яндекс Метрики, перейдите в сервис metrika.yandex.ru и войдите в свой аккаунт.

На открывшейся странице Метрики нажмите значок Настройки рядом с счетчиком (если их несколько), для которого будете настраивать цели.


настройка целей счетчика метрики

Если вы еще не добавили счетчик Метрики на сайт, воспользуйтесь инструкцией.

Перейдите на вкладку Цели и нажмите Добавить цель:


добавление новой цели в метрике

Введите название цели и выберите один из 4 типов условия:

  • Количество просмотров (количество просмотренных страниц за один визит - просто укажите число и нажмите Добавить цель);
  • Посещение страниц (посещение конкретной страницы или страницы, содержащей определенный URL - введите одно или несколько условия и нажмите Добавить цель);
  • JavaScript-событие (нажатие кнопки, заполнение формы и пр. - подробнее рассмотрим ниже);
  • Составная цель (цепочка из нескольких последовательных действий).

выбор вида условия цели в метрике

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


создайте цель в соответствии с вашими условиями

Далее рассмотрим настройку наиболее сложного и важного типа условия - JavaScript-событие.


Как настроить JavaScript-событие в целях Яндекс Метрики

Введите название цели (например, действие, которые вы хотите, чтобы было совершено), уникальный идентификатор цели, который понадобится позже при настройке, и нажмите Добавить цель:


Как настроить JavaScript-событие в целях Яндекс Метрики

Общие правила составления названия идентификатора:

  • не содержит символы /, &, #, ?, =
  • написан латиницей
  • не дублирует часть URL какой-либо страницы сайта

Цель создана, вы увидите ее в в списке. Для дальнейшей работы по настройке целей вам понадобятся 2 параметра: номер счетчик (наверху) и идентификатор цели.


скопируйте номер счетчика и идентификатор цели

Настройка цели Метрики на сайте

Войдите на сайт в режиме администратора и откройте html-редактор той страницы, на которой используется нужная вам форма.

Отправка формы происходит при нажатии на соответствующую кнопку, так что нам необходимо добавить к ее настройкам функционал, который бы передавал информацию в Яндекс Метрику о достижении цели (форма отправлена).

Найдите на странице запись вида:

<a href="#" class="button">Отправить заявку</a>

Добавьте в тег < a > код вида:

onclick="ym(12345678, 'reachGoal', 'identifikator'); return true;"

где

12345678 - номер вашего счетчика (мы скопировали его из Я.Метрики)

identifikator - название идентификатора цели (в нашем примере это form-kont)


Таким образом, кнопка в примере будет выглядеть следующим образом:

<a href="#" class="button" onclick="ym(55204941, 'reachGoal', 'form-kont');
return true;">Отправить заявку</a>

Готово!

Если на странице с формой нет тега < a >, вставьте код в тег < form >:

<form action="" method="get"
onsubmit="ym(55204941, 'reachGoal', 'form-kont'); return true;">
...
</form>

Если форма на сайте создана через плагин Contact Form 7

Если на сайте используется плагин Contact Form 7 и формы созданы через него, порядок действий будет отличаться.

Зайдите в контактные формы и скопируйте id нужной вам формы:


настройка целей метрики для Contact form

Перейдите в раздел Внешний вид - Редактор (или Редактор тем):


для настройки цели метрики перейдите в редактор тем

Справа откройте файл footer.php. В основной части документа найдите тег :


вставьте код цели в footer

Вставьте на строчку перед ним следующий код:

<script>
document.addEventListener( 'wpcf7submit', function( event ) {
if(event.detail.contactFormId=="1234")
{yaCounter12345678.reachGoal('identifikator');}
}, false );
</script>

, где 1234 - id формы, который вы скопировали ранее, 12345678 - номер счетчика Метрики, identifikator - идентификатор цели из Метрики, которые были на скрине №5.

В нашем примере код получится следующий:


пример кода для цели метрики

После вставки кода нажмите Обновить файл.

Готово! 

Чтобы проверить работоспособность цели, заполните форму на сайте, а в Я.Метрики перейдите в раздел Счетчики. Напротив нужного вам счетчика появится название вашей цели, а количество ее достижений сменится через пару минут после заполнения с 0 на 1:


как проверить корректность настройки яндекс цели