Последовательная настройка целей в яндекс метрике. Настройка целей в Яндекс.Метрике: событие, отправка формы, нажатие кнопки Как поставить цель на страницу с

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

Как настроить цели в Метрике?

Для начала проходим в свой аккаунт в Яндексе (авторизуемся в почте), переходим по адрес metrika.yandex.ru и попадаем на главный экран Метрики. Жмем на шестеренку и переходим в раздел «Цели».

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

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

Для начала перед вами будет две вкладки: Конверсионные и Ретаргетинговые цели. Разделение чисто условное (возможно, имеет смысл при работе с большими проектами, когда целей реально очень много), я не нашел ему практического применения, поэтому можете выбирать любую вкладку — я обычно использую Конверсионные. Это никак не повлияет на дальнейшие настройки и работу Метрики.

Жмем «Добавить цель» и рассмотрим типы доступных целей.

Цель «Количество просмотров»

Поле «Название» позволяет указать имя цели — используется для себя.
Галочка «Ретаргетинг» — перенесет цель в раздел Ретаргетинговые.

Отчеты метрики работают с визитами. Поэтому цель «Количество просмотров» будет достигнута, когда в рамках одного визита будет просмотрено заданное (или более) количество страниц, которое вы укажите в этом окошке.

Имеет смысл при работе с контентными проектами, чтобы делать выводы о вовлеченности пользователей. Или, например, на лендинге со «Спасибо страницей» (2 страницы просмотрят только те, кто оставит заявку).

Цель «Посещение страниц»

Кнопка «Добавить условие» — позволяет задать дополнительное условие для выполнения цели. Например, посещение нескольких страниц в рамках визита.

Цель будет достигнута, когда в рамках одного визита будет переход по интересующему нас URL. Нажмите на выпадающий список, чтобы задать критерий выполнения.

Обычно я использую «url: содержит» и вписываю в поле хвост целевой страницы. Например, после заполнения формы на сайте пользователь попадает на «Спасибо страницу», которая имеет URL — site.ru/thanks.

Данная цель описывает посещение страницы, в адресе которой присутствует сочетание символов thanks

Эту страницу увидят только те, кто заполнит форму на сайте. При настройке цели я вписываю в поле слово — thanks . Таким образом, я смогу собирать аудиторию тех, кто сделал конверсию (достиг целевой страницы), а затем вычитать эту аудиторию из всей аудитории сайта и догонять их с помощью Ретаргетинга. Об этом в следующей статье.

Цель: JavaScript событие

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

Для того, чтобы отслеживать только успешно отправленные формы , нужно повесить на форму такую конструкцию:

onsubmit =»yaCounterХХХХХХХХ .reachGoal(‘GOAL ‘); return true;»

где ХХХХХХХХ — это номер счетчика Яндекс Метрики, который установлен на сайте,
а GOAL — идентификатор цели, который будет пробрасываться в Яндекс Метрику.

Тот самый идентификатор, который нужно поместить в поле «Идентификатор цели» в настройках цели. А теперь живой пример на сайте jurist-pro.by .

Если человек заполнит форму, то в Метрику улетит событие с идентификатором ClickSendForm (см. скриншот). А если мы пропишем его в настройке цели — то сможем отслеживать это действие в отчетах Яндекс Метрики.

Вообще на юристах событие улетает и в Метрику и в Гугл аналитикс, но такой подход срабатывает не всегда, поэтому лично я предпочитаю дедовскую но беспроигрышную «Спасибо-страницу». Подробнее про в гугл аналитикс в следующей статье.

Составная цель

Составная цель в Яндекс Метрике служит для того, чтобы получать наглядное представление о воронке продаж. Подходит для использования при работе с интернет-магазинами, когда можно задать отдельные шаги пользователя на пути к покупке.

Например, первым шагом может быть клик по кнопке «Добавить в корзину», вторым — «Посещение корзины», третьим — «Оформление покупки», четвертое — «Подтверждение или Оплата». На накопленной статистике, составная цель наглядно представляется в виде воронки с показателями по каждому шагу.

Еще один вариант использования составной цели — при работе с лендингом, на котором расположено несколько кнопок, которые открывают одну поп-ап форму или несколько форм, которые ведут на одну «спасибо-страницу». В этом случае мы можем составить цепочки по каждой форме, чтобы понимать какая кнопка/форма наиболее популярна у пользователей. А ниже живой пример при работе с kotovrealty.ru .

На скриншоте выше отчет «Конверсии». Стрелками я пометил кнопки-воронки: как видите, можно посмотреть воронку по всей составной цели и по отдельному шагу. Вот что будет, если мы хотим посмотреть воронку по составной цели:

Как видите, благодаря составной цели мы на одном экране можем получить подробную статистику по работе кнопки «Заказать звонок» в шапке. Из 786 визитов 45 (то есть 5.73%) кликнули по кнопке, а 21 из 45 заказали звонок. На сайте много кнопок, таким образом мы отслеживаем работу каждой связки.

Настройка целей в «Метрике» нужна для отслеживания конкретных действий посетителей сайта и оценки эффективности рекламных кампаний в «Яндекс.Директ». После сбора данных за определенный период вы узнаете с каких объявлений посетители чаще совершают целевое действие.

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

Какие цели важно настроить

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

Продажи.

Нажатие на кнопку оформления заказа.
Добавление товара в корзину.
Переход в корзину.
Заполнение форм подтверждения и оплаты.
Окончательное оформление покупки.
Сравнение товаров.
Скачивание прайса.
Заказ обратного звонка.

Информация о компании. К этой категории действий относятся переходы пользователей на страницы «Контакты», «О компании», «Условия оплаты и доставки», «Лицензии», «Сертификаты» и т. д.

Заинтересованность (цели этой группы особенно важны для информационных ресурсов). Сюда включены: глубина просмотра страниц, переходы на схожие по тематике статьи, проведенное пользователем на сайте время и др.

Виды целей в «Яндекс.Метрике»

Цели, которые можно гибко настроить в «Яндекс.Метрике», классифицируются на 4 вида.

Событие (JavaScript). Цель ориентирована на отслеживание определенных действий пользователей.
Посещение страниц. Контролируется посещение важных страниц на сайте.
Количество просмотров. Настраивается для определения заинтересованности.
Составная цель. Представляет собой цепочку шагов, в которую могут входить события и посещения страниц.

Для чего это нужно

Рассмотрим стандартный сайт интернет-магазина, на котором пользователи могут наполнить корзину и купить выбранные товары. В этом случае необходимо настроить составную цель - воронка продаж, обычно в «Метрике» она включает в себя последовательность таких действий:

нажать на кнопку добавления товара в корзину;
перейти в корзину;
окончательно оформить заказ.

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

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

Инструкция по настройке целей в «Яндекс.Метрике» Количество просмотров

Это самая простая, но очень полезная цель. С ее помощью удается получить следующую информацию:

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

Настройка этой цели в «Метрике» особенно актуальна для владельцев сайтов трех категорий.

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

Перейдите в раздел «Цели».

Выберите тип «Количество просмотров» и придумайте название.

Укажите нужное количество просмотров

Нажмите кнопку «Добавить цель».

Нажмите кнопку «Сохранить» внизу страницы «Цели».

Как видите, все просто.

Посещение страниц

Более сложная в настройке цель, позволяющая отслеживать посещения пользователями определенных страниц сайта. Чаще всего устанавливается для получения ответов на следующие вопросы:

Корректно ли сделана перелинковка?
В нужных ли местах размещены ссылки на важные страницы?
Доходят ли пользователи до совершения целевых действий?

Настройка такой цели в «Яндекс.Метрике» особенно актуальна для владельцев торговых площадок и сайтов услуг. Она помогает определить, переходят ли клиенты в корзину, завершают ли оформление заказов, какими товарами/услугами интересуются чаще всего, изучают ли информацию о способах оплаты/доставки и т. д.

Настройка проходит так.

Выберите пункт меню «Настройки».

Перейдите в раздел «Цели».

Нажмите кнопку «Добавить цель».

Укажите необходимое условие (о них расскажем ниже).

Вставьте ссылку в поле «Значение».

Нажмите кнопку «Добавить цель».

Виды условий:

«Url: начинается». Используется для отслеживания групп станиц с одинаковым началом адресов. Идеальный пример - карточки товаров определенного раздела каталога.
«Url: совпадает». Это условие указывают для отслеживания посещений по конкретным страницам.
«Url: содержит». Позволяет оценить посещаемость динамических страниц. Здесь обычно указывают «хвосты» адресов.
«Url: регулярные выражения». Вместо ссылок указывают выражения из метасимволов. Все подробности .

Обратите внимание! Для одной цели можно поставить до 10 условий. Выполнение любого из них считается достижением цели.

События (JavaScript)

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

Настройка этой цели позволяет:

вычислить количество нажатий на кнопки «Купить», «Добавить в корзину» «Оформить заказ» и пр.;
выяснить, какие характеристики товаров больше всего интересуют пользователей (если реализован выбор параметров при помощи чек-листа);
определить, интересует ли пользователей скрытая под спойлерами информация, и т. д.

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

Чтобы настроить такую цель в «Яндекс.Метрике», действуйте по следующей схеме.

Этап 1. Создание цели

Выберите пункт меню «Настройки».

Перейдите в раздел «Цели».

Нажмите кнопку «Добавить цель».

Отметьте ее тип и придумайте название.

Укажите идентификатор цели.

Нажмите кнопку «Добавить цель».

Обратите внимание! Идентификаторы не должны частично или полностью совпадать с адресами страниц сайта. Можно использовать только латиницу и цифры, а также нижнее подчеркивание.

Этап 2. Добавление идентификатора в html-код страницы

Чтобы «Метрика» начала фиксировать достижение цели, нужно преобразовать html-код элемента на странице. Коды для кнопок, форм ссылок и иных элементов вы найдете .

Общий принцип выглядит так:

Выбираете подходящий стандартный код (на странице по размещенной выше ссылке) и изменяете его под себя (нужно прописать номер счетчика и имя идентификатора цели в «Метрике»).

Открываете целевую страницу сайта и ищете нужный элемент.

Жмете на него правой кнопкой мыши и в появившемся меню выбираете «Посмотреть код».

Копируете подсвеченную в консоли строчку.

Заходите в корневой каталог сайта по FTP.

Находите файл с исходным кодом страницы и открываете его.

Ищете в коде скопированную строчку (меню поиска открывается при нажатии Ctrl+f).

Добавляете в нее (перед закрывающим тегом) код, полученный на 1-м шаге.

Сохраняете файл.

Обратите внимание! Если в чем-то не уверены, сделайте резервную копию файла.

Составные цели

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

При настройке составных целей в «Метрике» и анализе данных учитывайте важные особенности:

максимальное количество шагов - 5;
для достижения цели шаги должны быть выполнены в заданной последовательности;
между ними могут быть другие действия;
если пользователь в процессе выполнения действий прервался минимум на период, установленный как тайм-аут, достижение цели не засчитывается.

Для настройки составных целей в «Яндекс.Метрике» действуйте так:

Выберите пункт меню «Настройки».

Перейдите в раздел «Цели».

Нажмите кнопку «Добавить цель».

Отметьте ее тип и придумайте название.

Добавьте необходимое количество шагов, назовите их и укажите все условия.

Нажмите кнопку «Добавить цель».

С настройкой разобрались. Теперь расскажем, как проверить работоспособность целей.

Проверка целей

Удостовериться в том, что все корректно работает, можно двумя способами.

Способ 1. Ручная проверка целей в «Метрике»

Через 20 минут после настройки цели откройте «Метрику» и выберите пункт меню «Настройки».

Перейдите в раздел «Фильтры».

Отключите опцию «Не отслеживать мои действия».

Выполните целевое действие.

Через некоторое время проверьте, зафиксировал ли счетчик событие в отчете «Конверсии».

Способ 2. Проверка целей при помощи консоли браузера

К адресу целевой страницы в браузере добавьте «?_ym_debug=1».

Нажмите Ctrl+Shift+J - откроется консоль.

Выполните целевое действие.

Если все в порядке, в консоли появится сообщение о том, что данные переданы счетчику.

Отсутствие сообщения свидетельствует о том, что цель не работает.

Почему цели могут не работать

Существует три основных причины, актуальных для целей всех типов.

Счетчик на странице не установлен или установлен некорректно.

Работу «Метрики» блокируют какие-либо расширения (к примеру, Adblock Plus) или иные скрипты.

Посетитель покинул страницу до загрузки счетчика.

События (JavaScript)

События обычно не работают в следующих случаях:

Идентификаторы (на целевой странице и в настройках счетчика) не совпадают.
Код вызова метода reachGoal отсутствует.
Метод reachGoal добавлен корректно, но вызывающее его событие не происходит по каким-либо причинам.
Метод reachGoal срабатывает до загрузки счетчика.

Посещение страниц

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

Составные цели

Условия одного или нескольких шагов не могут быть выполнены по каким-либо причинам.
Последние шаги можно осуществить без выполнения первых.

Как видите, причин несрабатывания установленных целей множество. Для устранения проблем сначала проверьте правильность всех настроек. Если все в порядке, копайте глубже или обратитесь к профессионалам.

Чтобы управлять интернет-маркетингом, нужно всё считать. Кроме количества переходов, кликов и охватов круто считать конверсии. Конверсия — конечное действие, которое несёт пользу для бизнеса.

Как среди всех действий на сайте вычислить конверсии и научиться правильно настраивать цели, я расскажу в этой статье.

Разбираемся в терминах

Сначала разберёмся с конверсиями. Мой коллега Алексей Филин в курсе рассказывает о типах конверсий. Они бывают двух видов: макроконверсии и микроконверсии.

Пример макроконверсии — покупка в интернет-магазине. Компания получила деньги, а клиент — товар (и при этом не вернул его в течение семи дней). Внедрять такую систему учёта сложно, дорого и долго. А оценивать эффективность нужно уже сейчас.

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

Чтобы следить за конверсиями, в наших любимых «Яндекс.Метрике» и Google Analitycs есть цели . Когда пользователь совершает действие, которое мы называем конверсией, он достигает цели.

Выписываем

Я люблю, когда всё упорядочено и записано. Поэтому настраиваю и тестирую цели с помощью таблички.

Прежде чем настраивать цели, выпишите все микроконверсии, которые имеет смысл считать на сайте. Давайте разберем на примере компании «Самоздрав», которая продает дыхательные тренажеры:

Переход на страницу товара;
Клик по кнопке «Комплектация стандарт»;
Клик по кнопке «Комплектация комфорт»;
Отправка формы «Подтвердить заказ» на втором шаге корзины;
Клик по кнопке «Назад к шагу 1» в корзин на втором шаге;
Посетил страницы блога, потом перешел на страницу товара;
и т.д.

Запишите конверсии в таблицу. Дайте каждой название и определитесь, на каких устройствах вы будете их отслеживать. Тип устройства нужен на случай, если у вас чем-то отличается мобильный интерфейс. Вот пример таблички:

Сделайте две копии списка, потому что принцип настройки целей в «Яндекс.Метрике» отличается от Google Analytics. Про Google расскажу в другой раз — подпишитесь на рассылку, чтобы не пропустить.

Типы целей и их отслеживание

Яндекс предлагает четыре типа целей:

Количество просмотров — чтобы оценить вовлечённости посетителя (посмотрел три страницы на сайте);
Посещение страницы — чтобы зафиксировать присутствие пользователя на странице или в разделе (посетил страницу товара);
Событие — чтобы зафиксировать действие (нажал на кнопку «добавить в корзину»);
Составная цель — комбинация вышеуказанных целей (добавил три товара в корзину и перешёл в неё).

Взгляните на список конверсий и определите, какой тип цели подойдёт для отслеживания. Например, просмотр товара можно отследить с помощью типа «посещение страницы» . А вот с кликом по кнопке будет сложнее, придётся настраивать «JavaScript-событие» .

Впишите тип цели напротив конверсий. Я редко использую тип «количество просмотров» и чаще ориентируюсь на глубину просмотров, но часто использую составные цели, чтобы проще создавать отчёты. Подумайте над этим.

А ещё придумайте, как каждая конверсия будет называться, потому что громоздкие названия неудобно читать в интерфейсе «Метрики». Должна получиться похожая табличка:

Настраиваем простые цели

Чтобы отследить простые цели (посещение страницы или количество просмотренных страниц), достаточно стандартного интерфейса.

Заходим в «Яндекс.Метрику», выбираем Настройки → Цели → Добавить цель.

Берём заранее придуманное название цели, выбираем тип, в графу «Значение» пишем URL (адрес страницы). Можно вписать часть адреса, которая объединит типовые страницы. Таким образом можно посчитать, например, количество просмотров статей в блоге:

Настройте конверсии с типом «посещение страниц» . Отметьте это в таблице.

Если у вас интернет-магазин, не забудьте изучить страницу «спасибо за покупку». Может оказаться, что адрес уникальный, и вы сможете отслеживать количество заказов.

Как настроить цели-события

На первом этапе придумайте для каждой конверсии-события свой идентификатор — название маленькими латинскими буквами. Лучше используйте какой-то понятный перевод. Запишите все идентификаторы в табличку и создайте соответствующие цели в «Яндекс.Метрике».

Настраивать отслеживания событий немного сложнее. Информация о достижении целей передается с помощью JavaScript.

Настроить передачу событий можно двумя способами:

Поставить задачу программисту. Составьте ТЗ со списком целей для отслеживания и дайте ссылку на документацию. Здесь всё просто и стоить будет недорого. Настроить самостоятельно с помощью Google Tag Manager (GTM). Программист здесь потребуется только на этапе установки кода контейнера. А если вы хоть раз устанавливали счётчик «Метрики», то справитесь и в одиночку.

Суть отслеживания в том, что при каждом «событии» код сайта должен воспроизводить JavaScript-код yaCounterXXXXXX.reachGoal(’TARGET_NAME’) . XXXXXX в нем — код счётчика метрики, а TARGET_NAME — имя события, которое вы придумали, когда создавали цель.

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

Настройка целей в Яндекс.Метрике с помощью Google Tag Manager

Чтобы установить GTM, перейдите по ссылке и зарегистрируйте аккаунт. Нажимаем кнопку «Создать аккаунт» и в появившимся окне вводим данные.

После вы увидите подробную инструкцию, что и куда надо прописать. Следуйте ей безукоризненно, потому что это напрямую влияет на работу инструмента.

После установки нужно убедиться, что всё работает. Нажмите на кнопку «Предварительный просмотр» и идите на сайт. Внизу экрана появится рабочая консоль. Если она не появилась, то что-то пошло не так, перепроверяйте.

В Google Tag Manager есть две сущности: теги и триггеры. Тег — это то, что воспроизводится на странице. Триггер — причина воспроизведения тега. Например: если мы хотим отправить в «Метрику» клик по кнопке «добавить в корзину», то тегом будет отправка кода JavaScript, а триггером — фиксация клика.

Создаём триггер в GTM

По умолчанию Google отключил все переменные, которыми пользуются триггеры. Надо включить необходимые. Лично я включаю все подряд.

Переходим в меню «Переменные», жмем «Настроить» и жмакаем все галочки.

Теперь создаём сам триггер, пишем его название и выбираем тип. Интерфейс интуитивно понятный. Рекомендую писать понятные названия, потому что потом триггеров может быть много. Понять, какое условие выбрать, поможет скриншот ниже.

Важно выделять элементы с помощью уникальной составляющей: по ссылке, id (в html коде), CSS-классе (в HTML-коде). На своём проекте я зашёл в просмотр кода и увидел, что у кнопки «Добавить в корзину» есть CSS-класс, который отличает её от остальных.

Получился триггер, который фиксирует клики:

Создаём тег для «Яндекс.Метрики» в GTM

После того, как мы «поймали» событие с помощью триггера, нужно отправить его с помощью тега. GTM умеет интегрироваться с кучей всевозможных сервисов, но почему-то «Яндекс.Метрики» среди них до сих пор нет. Санкции?

Тег → Создать → Конфигурация тега

В конфигурации выберите «Пользовательский HTML» и вставьте свой JavaScript. Придумайте понятное название для тега и вставьте код, предварительно заменив данные:

yaCounterНОМЕРСЧЁТЧИКА.reachGoal("ИДЕНТИФИКАТОР");

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

Повторите настройку для всех конверсий-событий. Работы много, но не ленитесь, потому что настраивать цели придётся всего лишь раз, если вы не интернет-маркетолог.

Запишите в табличку всё, что настроено. Можете ввести дополнительные столбцы для контроля параметров настройки в GTM.

Проверять результаты будем с помощью режима предварительного просмотра в Tag Manager. Включите, перейдите на сайт и совершайте действия, которые отслеживаете. Если всё настроили правильно, то в консоли вы увидите, как теги активируются. Если нет, проверяйте триггеры.

Создаём составные цели

Конверсии можно группировать чтобы составлять отчеты и отслеживать метрики было удобнее. Например, полезно знать общее количество заказов обратных звонков, а ещё количество обратных звонков со страницы контакты.

Чтобы настроить составную цель, идём по протоптанному пути: Настройки → Цели→ Добавить цель

Придумайте название составной цели, напишите название первого шага, и выберите условие срабатывания (тут все аналогично вышеперечисленным вариантам). Максимум — пять шагов. Развлекайтесь!

На что стоит обратить внимание:

Между шагами посетитель может бродить по сайту, но чтобы цель засчиталась, все шаги он должен выполнить строго друг за другом.
Если пользователь был неактивен более 30 минут, то первый шаг обнуляется, и составную цель ему придётся «собирать» заново.

Паша, зачем мы всё это сделали?!

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

Настроенные цели позволят уже сейчас лучше понимать эффективность продвижения. Зайдите в любой отчёт и фильтруйте данные, ориентируясь на конверсии:

Раз в месяц проверяйте работоспособность целей в Яндекс.Метрике, чтобы не увидеть сюрпризов в отчётах. К сожалению, восстановить число конверсий, если цель не работала, задним числом в «Яндекс.Метрике» невозможно. Поэтому следите, считайте и будьте счастливы!

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

Это может быть:

Форма регистрации на сайте.

Форма, которая запрашивает email или имя пользователя.

Форма оформления заказа на сайте
+ и.т.д.

Заполнение формы на сайте — это очень важный конверсионный шаг посетителя, который частно нужно отслеживать с помощью систем веб-аналитики.

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

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

Конечно, такой способ подойдет не во всех случаях, но основной смысл, думаю, что вы сможете здесь понять.

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

Для всех сложных ситуаций, куда проще производить настройки с помощью Google Tag Manager.

Как это все можно там настроить, я рассказываю в своем курсе «Яндекс Метрика. Работа с целями.».

Итак, вернемся к нашему простому примеру.

Предположим на какой-то странице нашего сайта есть примерно вот такая веб-форма.

Первым делом, в интерфейсе Яндекс Метрики, нам нужно будет создать новую Javascript цель для события отправки данных с данной формы.

Делается это в меню «Настройка — Цели — Добавить цель».

Создаем новую цель типа Javascript-событие и придумываем для нее идентификатор. Этот идентификатор нам понадобиться ниже. Пока скопируйте его.

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

Для события отправки данных формы это событие создается с помощью специального атрибута onSubmit.

В буквальном смысле, с английского языка это переводится как «при отправке».

Добавлять этот атрибут нужно к элементу form.

Т.е. добавив его, мы как бы говорим браузеру, что как только пользователь заполнит форму и отправит ее, при отправке данных (onSubmit), выполни следующие действия.

Действие, которое нужно выполнить, довольно простое: отправка данных о выполнении цели в систему Яндекс Метрика. Делается это с помощью метода reachGoal.

В итоге, HTML-код нашей формы примет следующий вид:

yaCounterXXXXXX — вместо XXXXXX необходимо указать идентификатор вашего счетчика. О том, как его узнать, можно почитать здесь.

TARGET_NAME — это идентификатор вашей цели, который вы скопировали выше из интерфейса Яндекс Метрики.

C помощью метода reachGoal происходит передача данных в Яндекс Метрику о том, что была выполнена та или иная цель.

Вот, собственно говоря, и вся настройка.

Но, еще раз повторюсь, что это работает только для форм, которые работают не по технологии Ajax. Как настраивать цели для Ajax форм, можете посмотреть .

Попробуйте провести тестовую отправку формы и посмотреть в меню «Отчеты — Стандартные отчеты — Конверсии», что данная цель будет выполнена.

КАТЕГОРИИ