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

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

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

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

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

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

• Количество просмотров (количество просмотренных страниц за один визит - просто укажите число и нажмите Добавить цель);
• Посещение страниц (посещение конкретной страницы или страницы, содержащей определенный URL - введите одно или несколько условия и нажмите Добавить цель);
• 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 нужной вам формы:

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

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

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

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

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

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

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

Готово! 

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