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

 

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

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

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


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

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

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


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

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

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

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

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


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

Далее рассмотрим настройку наиболее сложного и важного типа условия - 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(75020377, 'reachGoal', 'form-kont');
return true;">Оставить заявку</a>

Готово!

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

<form action="" method="get"
onsubmit="ym(75020377, '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:


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