Steven написал 21.11.2018

Как настроить цель на кнопку в Яндекс.Метрике

vk telegram
Steven написал 21.11.2018
comment
5
eye
1770

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

1) В верхнем меню нажмите «Счетчики»:

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


Выйдет страница настройки.

3) Перейдите по вкладке «Цели» и добавьте новую:

В Метрике 4 вида целей.

В этой статье мы рассмотрим подробно настройку цели на кнопку. Для этого создаем JavaScript-Событие.

4) Выберите условие «JavaScript-событие».

Придумайте название, по которому легко понять, что за цель, и уникальный идентификатор.

Требования к значению идентификатора

  • Не повторяется на сайте более одного раза (для каждой кнопки – своя цель);
  • Соответствует тому, которое вы вставите в код сайта.

Когда всё готово, нажмите «Добавить цель».

Так как мы настраиваем цель на кнопку, нужно, чтобы при нажатии на сайте работала функция вызова цели. Для этого корректируем html-код сайта.

5) Найдите фрагмент кода, который отвечает за кнопку. Добавьте в него тег onclick:

<input type= “button” value= “ТЕКСТ_КНОПКИ” onclick= “yaCounterID_CЧЕТЧИКА.reachGoal(‘ИДЕНТИФИКАТОР‘); return true;”>

Пример

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

  • Заменяем в теге номер счетчика и уникальный идентификатор. В итоге тег выглядит так:

onclick= “yaCounterXXXXXXXX.reachGoal(‘push_button‘); return true;”>

  • Копируем его без закрывающего символа >;
  • Открываем код и находим строку с настройкой кнопки;
  • Вставляем в нее тег:

<td><input type= “submit” value= “подписаться” onclick= “yaCounterXXXXXXXX.reachGoal(‘push_button‘); return true;” /><td>

Проверяем, на месте ли закрывающий элемент />.

  • Сохраняем и закрываем.

Проверка

Чтобы убедиться, что информация о нажатии на кнопку отправляется, добавьте в адрес страницы такой параметр:

http:///?_ym_debug=1

После этого проверяйте сообщения о достижении целей в консоли браузера (Ctrl + Shift + J).

Комментарии

5
Написать комментарий