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

Яндекс цели на формах Chronoforms — вещь возможная и несложная. В этой статье мы подробно рассмотрим, как это делается.

Настройка цели в сервисе «Яндекс Метрика»

Первое, что нужно сделать — это создать счетчик «Яндекс Метрика» и установить его на свой ресурс. Если такой счетчик уже есть, переходим и авторизовываемся на сайте сервиса. Далее, переходим к настройкам соответствующего счетчика.

В данном случае у нас есть реальная задача: молодой медицинский сайт с целой категорией статей справочника и общей для них формой голосования Chronoforms 6 в самом низу каждого материала. Листать их все каждый день на предмет отслеживания пользовательской активности — так себе удовольствие. Но здесь нам как раз и поможет настройка цели в сервисе «Яндекс Метрика».

Установка цели в Яндекс Метрике

Рис. 1

Выполняем по пунктам все, что описано на рис. 1:

  1. Кликаем по кнопке «Настройки» нужного счетчика.
  2. На странице настроек переходим во вкладку «Цели».
  3. Жмем на кнопку «Добавить цель».
  4. В открывшемся окне заполняем поле «Название» произвольно. Ограничений здесь нет.
  5. Далее выбираем в качестве цели «JavaScript-событие».
  6. Заполняем поле «Идентификатор цели».

Внимание!

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

Есть так же ограничения в отношении использования спецсимволов и знаков пунктуации. Лучше, если будет указано просто слово на латинице.

  1. После заполнения всех полей текущего окна жмем на кнопку «Добавить цель».
  2. В открывшемся списке должна появиться новая созданная цель. Если нас все устраивает, жмем кнопку «Сохранить».

После сохранения счетчика, нужно обязательно обновить его код на сайте. Для этого переходим во вкладку «Счетчик» здесь же, в его настройках, копируем код и вставляем его на сайте вместо уже существующего, старого кода.

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

Подключение Яндекс цели к форме Chronoforms 6

Открываем нашу форму в списке панели управления компонентом и переходим во вкладку «Настройка» (Setup). Наша форма здесь выглядит так:

Настройка событий формы Chronoforms6

Рис. 2

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

Нас интересуют только случаи успешной отправки данных формы на сервер. Сюда мы и поместим небольшой кусочек javascript-кода:

Фрагмент кода обработчика Chronoforms6

Рис. 3

  setTimeout(function(){
      (function () {
          var yaCounter47578745 = new Ya.Metrika({id:47578745});
          if (yaCounter47578745) {
             yaCounter47578745.reachGoal("medinterview");
             return true};
      }());
  },3000)

JavaScript код для установки Яндекс цели на форму Chronoforms6

Рис. 4

Так как наша форма, хоть и находится в самом конце страницы, однако код счетчика со всеми его библиотеками находится еще ниже. Именно поэтому здесь мы использовали функцию «setTimeout» со временем задержки 3 секунды. Этого времени более чем достаточно, пока пользователь ищет в меню следующую, интересующую его статью.

Если у вас счетчик загружается выше формы, то «setTimeout» не нужна и внутреннюю функцию можно использовать в качестве значения события «window.onload».

При использовании данного кода обязательно обратите внимание на следующее:

  1. Цифры номера «47578745» нужно заменить на номер своего счетчика. Скопировать его можно на соответствующих страницах сервиса «Яндекс Метрика» (см. рис. 1).
  2. Параметр идентификатора «medinterview» нужно заменить на свой (см. п. 6 рис. 1).

Теперь проверка:

Проверка работы Яндекс цели на форме Chronoforms

Рис. 5

Итак, на этом ресурсе наш код работает и цели успешно передаются на сервис «Яндекс Метрика» .

Настройка Яндекс цели для форм Chronoforms 5

Следующий «подопытный» — наш любимый chronoforms.net. Здесь работает Chronoforms 5 и, хотя он тоже может довольно много, используем мы его на этом сайте весьма скромно.

Нет, я не буду вешать здесь форму «помогите», а с формой «спасибо» результатов ждать придется долго . Возьмусь за единственную здесь, обычную форму обратной связи.

Цель в «Яндекс Метрике» создается также, как описано выше, поэтому заострять на этом внимание не будем. Переходим сразу к форме.

Настройка событий формы Chronoforms5

Рис. 6

Тут все так же просто: помещаем обработчик «Load JavaScript» то же в «submit». Собственное событие «On success» функции «Check Security Question» как нельзя лучше для этого подойдет.

Далее все, то же самое:

Код установки Яндекс цели на форму Chronoforms5

Рис. 7

Проверяем:

Проверка работы Яндекс цели на форме Chronoforms5

Рис. 8

Теперь можно подвести общий итог.

Получается, что разместить Яндекс цели на формах Chronoforms обеих версий можно где угодно и как угодно: на стороне конструктора до кнопки «submit»; в качестве ее же параметров; вешать на событие «on load» и т. д. Существенная разница будет только в коде из-за местоположения самого счетчика на странице, и исходя из конфигурации вашей формы. Но хотелось бы отметить следующее: если форма недостаточно защищена от спама, боты могут серьезно «накручивать» этот параметр. Поэтому лучше все-таки подключать передачу целей там, где осуществляется более-менее серьезная проверка на стороне сервера (собственные события валидаторов, или обработчиков, которые отвечают за сохранение формы в БД сайта, пользовательские события).

Добавить комментарий