Подключаем цели Яндекс Метрики к WordPress Contact Form 7
SEO

Подключаем цели Яндекс Метрики к WordPress Contact Form 7

14 марта 2016 1 446 6

Пару лет назад я рассказывал, каким образом подключаются цели Google Analytics к популярному конструктору форм WordPress Contact Form 7 (WPCF7). Сегодня я расскажу каким образом можно подключить к формам цели Яндекс Метрики. Я не буду вновь возвращаться к теме конверсии, объяснять почему банальная суточная посещаемость не может показать полную картину посещаемости сайта. Кому интересно, могут ознакомиться с публикацией по Google Analytics. Предлагаю перейти сразу к практике.

ThemeForest: Лучшие темы для WordPress
ThemeForest: Лучшие темы для WordPress

Цели Яндекс Метрики устанавливаются по тому же принципу, что и цели Google Analytics. А беря в расчёт более дружелюбный интерфейс Яндекс Метрики, можно сказать, что процедура производится намного проще.

Яндекс Метрика

Инструмент для оценки посещаемости сайтов, анализа поведения посетителей и эффективности рекламы

  Перейти

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

Создаём цель

Открываем Яндекс Метрику, выбираем необходимый сайт (если их несколько) и переходим в настройки счетчика. Далее идём в раздел «Цели» и нажимаем кнопку «Добавить цель» — «JavaScript событие».

Выглядит это примерно так:

Яндекс Метрика: Создаем цель

Давайте возьмем конкретный случай. Допустим, на сайте имеется некая форма заказа, созданная в конструкторе Contact Form 7. Так и назовем цель «Форма заказа», что без разницы в общем-то. Нам важен идентификатор, который уже должен состоять из латинских букв или цифр без использования символов: /, &, #, ?, =. Ещё нужно обратить внимание на то, что значение идентификатора не должно содержаться в URL страниц сайта. Иначе в статистике будут некоторые неточности.

В нашем примере идентификатору присвоено имя myForm. Сохраняем цель и закрываем настройки. Скопируйте номер настраиваемого счетчика, он нам понадобится в дальнейшем. На этом настройка Яндекс Метрики завершена.

Вешаем цель на событие в Contact Form 7

Открываем Contact Form 7 и сразу переходим в дополнительные настройки ранее созданной формы заказа. Кстати, как создать форму заказа в Contact Form 7 я уже рассказывал некоторое время назад.

Дополнительные настройки форм в Contact Form 7 выглядят примерно так.

Яндекс Метрика: Настройка Contact Form 7

В дополнительных настройках, используя хук on_sent_ok, который будет выполняться в случае успешной отправки формы, необходимо вызвать функцию reachGoal(). Оповестив тем самым Яндекс Метрику о том, что цель достигнута.

Для нашего случая это будет выглядеть примерно так:

on_sent_ok: "yaCounter100500.reachGoal('myForm');"

Где 100500 — номер счетчика, а myForm — идентификатор ранее созданной цели.

Т.е теперь все успешные отправки формы заказа будут фиксироваться в целях Яндекс Метрики.

Кстати, используя хук on_sent_ok вкупе с on_submit, можно вычислить соотношение количества успешных отправок формы ко всем попыткам её отправить. Эта цифра очень интересная и может дать много пищи для размышлений.

Вешаем цели на другие события сайта

Естественно, отслеживание событий с помощью целей Яндекс Метрики не ограничивается лишь плагином Contact Form 7. Их можно использовать повсеместно, на любых элементах вашего сайта.

Например, на кнопках:

<input type="button" onclick="yaCounter100500.reachGoal('Order'); return true;" value="Заказать" />

Или на ссылках:

<a href="/archive.zip" onclick="yaCounter100500.reachGoal('Download'); return true;">Скачать</a>

А можно даже передавать пользовательские параметры, например ценность цели:

<script type="text/javascript">
  var goalParams = {myParam: 12345};
  function goalCallback () {
		console.log('запрос в Метрику успешно отправлен');
  }
</script>

<a href="/archive.zip" onclick="yaCounter100500.reachGoal('Download', goalParams, goalCallback); return true;">Скачать</a>

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

В заключение

Как видим, использование целей Яндекс Метрики может сильно помочь в получении объективной картины посещаемости сайта. В частности, без фиксации и учёта действий посетителя, невозможно рассчитать конверсию, предпринять какие-то шаги в сторону её увеличения. Тем самым теряя в доходах.

На сегодняшний день, я могу выделить лишь два сервиса статистики, предоставляющих наиболее полные отчёты посещаемости сайта — это Google Analytics и Яндекс Метрика.

Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе WordPress.

Комментарии
  • llgruff

    Привет, расскажи про ценность подробнее

  • Александр

    Здравствуйте!
    Вы написали про то, что можно узнать соотношение нажавших на кнопку и отправивших форму.
    «Кстати, используя хук on_sent_ok вкупе с on_submit, можно вычислить соотношение количества успешных отправок формы ко всем попыткам её отправить.»
    Для этого в дополнительных настройках нужно будет вписать не одну а две строчки?
    Пример:
    on_sent_ok: «yaCounter100500.reachGoal(‘myForm’);»
    on_submit: «yaCounter100500.reachGoal(‘myForm’);»
    Нужно ли делать вторую цель для просто нажатия кнопки с другим индификатором?

    • Добрый день, они должны быть разными, иначе теряется весь смысл.

      • Александр

        Спасибо.
        Две цели сразу поставить тоже можно в дополнительные настройки? Нужно какие-то знаки препинания между ними ставить или просто с новой строки писать вот так?
        on_submit: «yaCounter100500.reachGoal(‘myForm1’);»
        on_sent_ok: «yaCounter100500.reachGoal(‘myForm2’);»

  • Иван

    Подкажите как навесить одновременно цель метрики и аналитикса?
    Если ставлю в столбик две цели он сентон сабмит — пропадает сообщение об успешной отправки формы (отрабатывает ли цель далее — не смотрел, уже не так что-то :))

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее