Как настроить цель «Событие» в Яндекс Метрике за 2 простых шага

Сегодня хочу вам рассказать как установить на ваш сайт цель Яндекс Метрики «Событие».

Цель «Событие» нужна для сбора статистики по достижению какого-либо действия. Например:

  • использование верхнего или бокового меню,
  • отправка формы,
  • нажатие на кнопку «Купить», «Добавить в корзину», «Заказать обратный звонок» и т.д.,
  • нажатие на ссылку «Добавить в закладки (избранное)»

Иными словами, отслеживание можно поставить практически на любое действие пользователя.

Ниже описана пошаговая инструкция настройки цели «Событие».

Шаг 1. Создание цели «Событие» в Яндекс Метрике

Заходим в Яндекс Метрику.

Напротив нужного сайта нажимаем на зеленую кнопку с карандашом (редактировать счетчик).

Зеленая кнопка с карандашом (редактировать счетчик)

Зеленая кнопка с карандашом (редактировать счетчик)

Переходим на вкладку «Цели» и нажимаем на кнопку «Добавить цель».

Вкладка «Цели»

Вкладка «Цели»

Во всплывшем окне перейдите во вкладку «Событие».

В поле «Название» пишем любое слово или словосочетание, описывающее цель, например, «Клик по ссылке добавить в избранное».

В поле «Идентификатор цели» пишем любое кодовое слово, идентифицирующее событие на сайте, например, «clickAddFavorite».

Всплывающее окно

Всплывающее окно

Внимание!

Значение «Идентификатор цели» уникально и не должно содержаться в URL страниц сайта. В противном случае будет собираться некорректная статистика, учитывающая посещения страниц, содержащих в адресе значение, выбранное при создании цели.

И кликаем по кнопке «Сохранить».

Шаг 2. Установка функции вызова цели

На вашем сайте на нужный элемент (ссылку или кнопку) ставим событие «onclick» или любое другое событие:


<a href="#" onclick="yaCounterXXXXXX.reachGoal('clickAddFavorite'); return true;">
    Добавить в избранное
</a>

где:

XXXXXX — номер вашего счетчика;
‘clickAddFavorite’ — «Идентификатор цели», который мы писали в предыдущем шаге.

Вот и все!

P.S. При возникновении каких-либо сложностей, пишите вопросы в комментариях. Я постараюсь на все ответить.

Об авторе

Автор: Сергей Виноградов (Написал 3 статьи)

Более 5 лет веб-разработки. Сертифицированный специалист «1С-Битрикс».

57+ разработанных прибыльных сайтов: интернет-магазинов, сайтов услуг, Landing Page, развлекательных порталов, страховых компаний и т.д.

Я на Facebook

  1. Уведомление: Настройка воронки продаж в Яндекс Метрике за 3 шага + готовое решение для InSales - ECommerceSchool.ru
  2. Сеошник:

    Наконец-то нашел нормальное описание как поставить цель в метрике.
    Респект за конструктивность и лаконичность!

    1. Всеволод Козлов:

      Спасибо!

  3. Иван Антонов:

    Добрый день.
    Есть форма обратной связи на ajax.
    В нее вставляю нужный код: yaCounter1800811.reachGoal(&#8216;myModalCallBackLabel&#8217;)

    Итоговый код выглядит так:

    success: function(msg){
    if(msg==&#187;){
    $(&#171;#callback&#187;).empty().append(&#171;Благодарим за запрос&#8230;.&#187;);
    $(&#171;#myModalCallBack #submit_1&#187;).remove();

    yaCounter1800811.reachGoal(&#8216;myModalCallBackLabel&#8217;);

    }
    }

    Но че-то не фурычит.. в чем может быть дело? что-то у меня никаких мыслей нет

  4. Никита Шевораков:

    Подскажите, почему не работает счётчик? Вроде, все верно.
    <a href="#zakaz1" class="btn1 popup" onclick="yaCounter19751460.reachGoal('pred forma TENT'); return true;">Заказать ГАЗон – тент</a>

    1. Алексей Ширшов:

      пробелы нельзя использовать в идентификаторе цели

  5. Владислав Бельский:

    Спасибо за путное объяснение. Объясните как поставить идентификатор цели на нажатие кнопки в конструкторе, где есть возможность только заполнить ссылку для этой кнопки.

    1. Всеволод Козлов:

      Обратитесь в службу подержки Вашего конструктора. Все индивидуально. Лучше тех.поддержки на этот вопрос никто не ответит!

      1. Станислав Смирнов:

        правьте в стилях&#8230;

  6. Алина Годня:

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

    1. Всеволод Козлов:

      Алина, чтобы все точно работало &#8212; на сайте фриланса поставьте задачу и Вам все сделают за 200-300 руб!

  7. Марат Наурузбаев:

    Здравствуйте? Подскажите пожалуйста: В яндекс метрика цель &#8212; посещение страниц &#8212; вставляю ссылку. Нужен ли счетчик Яндекс Метрики на той странице на которую ссылаюсь?

    1. Всеволод Козлов:

      Конечно, нужен, если Вы указываете в качестве цели &#8212; &#171;Посещение УРЛ&#187;. Если событие &#8212; клик по ссылке &#8212; то не обязательно.

  8. Ярослав:

    Хорошая статья. Но вопрос такой:
    Как можно данный вид метрики присвоить для нажатия кнопки заказа в системе 1CBitrix? Там как бы не простая форма фидбэка зачастую используется. У нас например часть компонента b1c. И нужно что бы при отправке сообщения и выводе о том, что с вами свяжутся, уже отправлялся этот индентификатор в метрику. Как это реализовать не подскажете?

    1. Сергей Виноградов:

      Здравствуйте.

      Я так понял у вас уже стоит обработчик события по клику на кнопку &#171;Заказать&#187;, поэтому просто вставляете код yaCounterXXXXXX.reachGoal(&#8216;clickAddFavorite&#8217;); в нужное место обработчика, в вашем случает после вывода сообщения.

  9. Борис Наливайко:

    Не пойму, в какое именно место надо вставить этот код?
    Вот у меня ссылка на переход по словам &#171;НАШЕМ САЙТЕ&#187;
    <span class="pseudo-clearfy-link" data-uri="http://saturn-tour.ru/">нашем сайте,</span>
    а вот созданный код
    <a href="#" onclick="yaCounter40410345.reachGoal('Saturn'); return true;">
    в какое точно место его надо вставить?

    1. Сергей Виноградов:

      Ваша ссылка должна выглядеть так <span class="pseudo-clearfy-link" data-uri="http://saturn-tour.ru/" onclick="yaCounter40410345.reachGoal('Saturn'); return true;">нашем сайте,</span>

  10. Ольга:

    Здравствуйте, Сергей. Подскажите,п пожалуйста. У меня учительский сайт. Мне нужно знать количество скаченного материала с сайта. Как могу я это сделать с помощью Яндекс Метрика? Спасибо!

    1. Всеволод Козлов:

      Ольга, здравствуйте! Если у Вас скачивают с сайта материалы (pdf, архивы zip или rar и прочие файлы), Вы можете посмотреть статистику по их скачиванию в отчете Метрики: Отчеты &#8212;> Содержание &#8212;> Загрузки фалов.

  11. Ольга Катанугина:

    Спасибо за статью, но остались вопросы: Drupal8, формы с кнопочками submit Как в этом случае следует прописать цели по клику на кнопочки?

    1. Сергей Виноградов:

      Здравствуйте.

      Смотря что вы хотите отслеживать, если отправку формы, то ставить цель на клик кнопки submit некорректно. Например, если пользователь не заполнит все обязательные поля, то отправка формы не произойдет, а цель посчитается.

      Поэтому цель нужно ставить после успешной обработки формы.

      Где конкретно нужно ставить в Drupal 8 не подскажу, с ним не работаем.

  12. Alexander Lysenko:

    Есть две кнопки, код ниже. Сделал все по вашему примеру. Все верно сделал?:

    <input id="submit-request-appointment" class="button button-primary" onclick="yaCounter43785739.reachGoal('ZaprosOnProcedure'); return true;" value="Запрос на процедуру" type="submit">

    <button data-calendar-id="0" data-title="" data-timeslot="1630-1730" data-date="2017-04-7" class="new-appt button"><span class="button-timeslot">16:30 – 17:30</span><span class="button-text" onclick="yaCounter43785739.reachGoal('ZaprosOnProcedure'); return true;">Забронировать процедуру</span></button>

    1. Сергей Виноградов:

      Здравствуйте.

      Да все верно, только во втором примере лучше поставить onclick на элемент button

  13. Денис Горев:

    Здравствуйте Сергей! Подскажите пожалуйста, onclick в моем примере куда ставить? Я так понял, после button?
    <input class="submit-btn NoWrap grpelem" id="u541-17" value="" tabindex="8" type="button"></a>
    Будет так?? :
    <input class="submit-btn onclick= «yaCounterXXXXXX.reachGoal(‘ORDER‘); return true;» NoWrap grpelem" id="u541-17" value="" tabindex="8" type="button"></a>

    1. Сергей Виноградов:

      Здравствуйте.

      В вашем случае должно быть так: <input class="submit-btn NoWrap grpelem" id="u541-17" value="" tabindex="8" type="button" onclick= "yaCounterXXXXXX.reachGoal(‘ORDER‘); return true;"></a>

  14. Мурад:

    Здравствуйте, Сергей! Подскажите пожалуйста, куда в моём случае, нужно вставить код? <!-- content --><p id="u1771-2">Получить курс</p></a>

    &#8212; onclick=»yaCounterXXXXXXXX.reachGoal(‘Poluchit Kurs’) &#8212;

    1. Сергей Виноградов:

      Здравствуйте.

      В вашем случае не понятно, т.к. после тега <p> идет закрывающий тег <a>, а что перед тегом <p> не понятно. Нужен побольше кусок кода перед тегом <p>.

  15. Ирек:

    Здравствуйте, Сергей! У меня кнопка заказа-просто картинка со ссылкой: <span class="pseudo-clearfy-link" data-uri="http://c.twkv.ru/hpcP/Yandex.Direct:cpc:{campaign_id}:{ad_id}:{keyword}"><Img src="http://irekdavletbaev.ru/monocular1/button.png" Width="300" Height="100"></span>

    Как в моём случае прописать цель-событие?

    1. Сергей Виноградов:

      Здравствуйте.

      Вот так <span class="pseudo-clearfy-link" data-uri="http://c.twkv.ru/hpcP/Yandex.Direct:cpc:{campaign_id}:{ad_id}:{keyword}" onclick="yaCounterXXXXXX.reachGoal('clickButton'); return true;"><Img src="http://irekdavletbaev.ru/monocular1/button.png"; Width="300" Height="100"></span>

  16. Vitaliy:

    Подскажите пожалуйста где мне тут что прописать чтобы можно было цели отслеживать на нажатие кнопку &#171;Подробнее&#187;

    <span class="pseudo-clearfy-link" data-uri="https://site.ru/" target="_blank" class="btn btn-block product_btn green_button">Подробнее</span>

    1. Сергей Виноградов:

      Здравствуйте.

      <span class="pseudo-clearfy-link" data-uri="https://site.ru/" target="_blank" class="btn btn-block product_btn green_button" onclick="yaCounterXXXXXX.reachGoal('clickButton'); return true;">Подробнее</span>

  17. Евгений:

    Здравствуйте.
    Есть такое:
    <a href="#" class="order" id="orderMake"><?=GetMessage("ORDER_GO")?></a>
    Если я правильно понял, код вставлять нужно где-то здесь. Но вот куда? Подскажите, пожалуйста.

  18. Marina Zemina:

    Здравствуйте! Здравствуйте! Подскажите, пожалуйста, когда цели в Метрике настроены, смогу ли я увидеть в отчете, по какому запросу была достигнута конверсионная цель?

    1. Всеволод Козлов:

      Конечно, сможете!

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*
*

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.