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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Варианты целей в Яндекс Метрике Вообще, вариантов целей в Метрике не очень много, но их использование может быть весьма гибким. Существует 4 основных способа постановки целей:
  • Количество . Подразумевается глубина просмотра, то есть количество страниц, на которых побывал пользователь в рамках одной сессии.
  • Посещение страниц. Тут мы можем указать целью заход пользователя на интересующие нас страницы.
  • JavaScript событие. Благодаря небольшим кусочкам кода JS мы сможем настроить целью взаимодействие пользователя с функционалом сайта.
  • Составная цель. Являет собой цепь действий посетителя, в которую могут входить все предыдущие цели.
  • Теперь поочередно разберем как настраивать цели в Метрике и как их использовать

    На момент написания статьи стоит ограничение на количество целей для одного счетчика - 200 штук

    Цель в Метрике: количество просмотров

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

    • Удобная ли навигация на сайте и насколько понятна структура.
    • Правильно ли мы реализовали перелинковку и удобно ли ей пользоваться.
    • Качественный ли контент предоставляет сайт, хочется ли человеку углубиться в вашу структуру и узнать больше про предоставляемую услугу/товар/информацию.

    Сфера использования:

  • Отлично подходят для информационных ресурсов, где большое количество информации и важно понимать, переходят ли посетители на смежные по смыслу статьи.
  • Для образовательных порталов, где все курсы строятся из последовательных статей и нужно оценивать качество материала и простота навигации между уроками.
  • Коммерческие сайты, ведущие свой блог для привлечения тематического трафика.
  • Как настроить цель в Метрике: количество просмотров

    Заходим в Яндекс Метрику своего сайта, нажимаем:

  • Настройки
  • Цели
  • Добавить цель
  • Придумываем понятное название
  • В поле просмотр ставим интересующее количество страниц
  • Жмем «Добавить»
  • Если все в порядке, мы увидим свою первую цель в списке. Не забываем нажать желтую кнопку «Сохранить». Через несколько минут все заработает!

    Цели в Метрике: посещение страниц

    Одна из важнейших целей (так как частенько является частью составной цели, но об этом позже). Тут мы можем указать URL страницы, переходы на который будут являться достижением цели. Чаще всего речь идет про страницу заказа/доставки/скачивания и любой другой транзакции. Вывод напрашивается сам собой:

    • Видна/привлекательна ли ссылка на нужную страницу.
    • Корректность перелинковки.
    • Доходят ли пользователи для конверсионной страницы.

    Сфера использования:

  • Интернет-магазины. Благодаря данной цели могут точно знать, переходят ли пользователи в корзину. Те ли разделы товара просматривают и куда они заходят чаще, интересуются ли они доставкой и т. д.
  • Сайты услуг. В зависимости от характера услуг можно оценить заходят ли на конверсионные страницы пользователи, ищут ли ваш адрес, заходя на страницу контактов. Какая из ваших услуг на сайте более востребована.
  • И для сайтов услуг и для интернет-магазинов можно ставить целью посещение страницы «Спасибо за покупку/заказ/обращение», которая показывается только после какой-либо транзакции.
  • Установка цели в Метрике: посещение страниц

    Начальные действия будут везде одинаковыми, но я на всякий случай буду их дублировать, мало ли что.
    Заходим в Метрику своего сайта и:

  • Настройки
  • Цели
  • Добавить цель
  • Придумываем понятное название, например: «Просмотр страницы Контакты»
  • Выбираем условие исходя из потребности. (чуть ниже об этом будет подробнее)
  • В графу значение вносим URL или часть URL тоже от потребностей.
  • Жмем «Добавить цель»
  • Про условия:

    • url: содержит - Аналог неточного вхождения. Используют если интересуют посещения группы страниц, например, фильтра в каталоге интернет-магазина. В этом случае указывается общая для всех URL-адресов часть.
    • url: совпадает - Аналог точного вхождения. Используют для отслеживания конкретной страницы. Нужно вставлять в отверстие весь адрес, вместе с протоколом http/https.
    • url: начинается с - Используют для отслеживания группы страниц с одинаковым началом URL-адреса. Например, подраздел товаров интернет-магазина. Вставляем в отверстие адрес предыдущей директории со слешом, например, site.ru/podrazdel/
    • url: - Используются для установки очень «гибких» параметров. К сожалению, их так много что хватит на отдельную статью.
    Цель в Метрике: JavaScript событие

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

    Где применять:

    Из жизни:

    Однажды мы таким образом подняли конверсию интернет-магазину, обнаружив, что зеленого цвета кнопка «заказать», вообще не привлекала внимания пользователей. Всего-навсего, изменив цвет кнопки на желтый цвет (он отлично подходил к общему дизайну сайта и был ярче других элементов), мы увеличили количество заказов на 13% от текущего. А все благодаря целям в Метрике.

    Как настроить цель в Метрике: событие JavaScript

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

  • Настройки
  • Цели
  • Добавить цель
  • Выбираем JavaScript событие
  • Придумываем идентификатор, например: «buttonZakazat».

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

  • Жмем ОК
  • Цель создана. Вторым этапом станет добавление идентификатора в html код страницы. Для этого нужно определить, что добавить в код кнопки, узнать как кнопка прописана в коде, найти её и преобразовать.

    Для начала разберем, какой код где используется:

    Код для кнопок и ссылок:

    Onclick="yaCounter12345678.reachGoal ("Nazvanie_Identifikatora"); return true;"

    Код для различных форм, где пользователь отправляет нам данные:

    Onsubmit="yaCounter12345678.reachGoal ("Nazvanie_Identifikatora", function () {alert ("Данные отправлены")}); return true;"

    Onclick="yaCounter12345678.reachGoal ("Nazvanie_Identifikatora", goalParams, goalCallback); return true;"


    Вместо цифр после yaCounter - указываем код счетчика Метрики
    Вместо ‘Nazvanie_Identifikatora" - указываем название нашего идентификатора, который создали шагом выше.

  • Выбираем кусок кода, который подходит
  • Заходим на наш сайт и ищем подопытную кнопку
  • Жмем на неё правой кнопкой мыши «посмотреть код»
  • В открывшейся консоли копируем подсвеченную строчку
  • Заходим на фтп в корневую папку сайта и открываем файл, содержащий . Например, index. html

    Если вы идете в код без особой уверенности, лучше сохраните файл index. html в первозданном виде, где-то в укромном месте. Если случайно что-то сломаете - сможете безболезненно все починить вернув исходный файл на ftp.

  • С помощью единовременного нажатия клавиш ctrl+f открывается поиск, куда мы вставляем скопированную строчку из кода страницы и жмем искать
  • Найдя строчку добавляем в неё выбранный на шаге 1 фрагмент кода перед закрывающим тэгом
  • заменяем во фрагменте цифры после yaCounter на свои, и заменяем Nazvanie_Identifikatora на своё.
  • Сохраняем файл на ftp
  • Пример кода кнопки:

    Пример кода формы «Обратный звонок»:

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

    Убедитесь, что счетчик учитывает ваши собственные визиты. Для этого нужно зайти в «Настройки» - «Фильтры» и посмотреть, чтобы не стояло галочки рядом с «Не учитывать мои визиты».

    Установка целей в Метрике: составная цель

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

    • Если мы выстроили на сайте какую то цепь страниц, которые должен посетить клиент, чтобы сконвертировтаься в сделку.
    • Воронка продаж для интернет магазинов. Самое популярное и гибкиое, так как воронки могут быть очень разными и изощренным.
    Как настроить составную цель в Метрике

    Ничего трудного нет, если вы усвоили как настраивать все предыдущие цели.

    Ну, сразу к делу:

  • Настройки
  • Цели
  • Добавить цель
  • Придумываем название, например: «Кнопка заказать»
  • Выбираем составную цель
  • Имя шага
  • Выбираем нужное условие (одна из предыдущих целей)
  • Указываем необходимое значение
  • Добавляем цель
  • На скриншоте составная цель из «одного» шага, чтобы не путать никого. Для того, чтобы добавить следующий шаг, нужно нажать на соответствующую кнопку и повторить действия начиная с пункта 6.

    Есть пара нюансов:

    • Между шагами может быть сколько угодно действий (но шаги должны быть выполнены последовательно). Поэтому, если составная цель это посещение двух страниц и нажатие кнопки, то пользователь между этими действиями может быть занят чем угодно, но пройдя все шаги цель зачтется.
    • Если пользователь сделал первое действие из составной цели, после чего отошел от компьютера более чем на 30 минут (время сессии), цель будет считаться проваленной
    • Составная цель может содержать максимум 5 шагов
    Проверка целей Метрики

    К сожалению, не нашел способа проверки целей в Метрике лучше, чем ручной. Спустя минут 10−15 после установке целей самостоятельно пройдитесь по ним и посмотрите работает ли. Не забываем убрать галочку «Не учитывать мои визиты» в разделе фильтр!

    Если дочитали до конца

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

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

    Как создать скрипт : Создайте на рабочем столе текстовый документ, придумайте ему имя и измените расширение, чтобы получился файл типа imya_scripta.js - этот файл будет содержать наш скрипт. Теперь вставляйте в него нужный код и копируйте на ftp в папку со скриптами. (где лежат файлы с аналогичным расширением.js)

    Как подключить скрипт : В файле index. html между тегами … пишите конструкцию .
    Например, у меня все скрипты лежат в папке scripts/targets.

    Пишем: конслуьтант отвечает клиенту.

  • Jivo_Proactive_invitation_accepted - Клиенту отобразилось приглашение.
  • Jivo_Proactive_invitation_rejected - Клиент закрыл приглашение крестиком.
  • Jivo_Proactive_invitation_shown - Клиент принял приглашение, написав сообщение в ответ.
  • Jivo_Offline_form_shown - Клиенту отображена форма для отправки сообщения на e-mail, когда нет операторов в онлайне
  • Jivo_Offline_message_sent - Клиент отправил оффлайн-сообщение
  • Надеюсь, было полезно!

    Если у вас был опыт выставления неординарных целей в Метрике - милости просим поведать о них в комментариях.

    К о н е ц

    Создаём цели в yandex.metrika

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

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

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

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

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

    Все цели для конкретного счётчика

    А затем — «Добавить цель» . Их тут несколько видов:

    Виды целей

    Виды целей в Яндекс.Метрике Количество просмотров

    Тут всё понятно — с помощью этой цели вы будете узнавать, сколько людей просмотрело столько-то страниц.

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

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

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

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

    Что прописывать в значении условий?
    • содержит — часть URL адреса. Если эта часть будет внутри адреса просмотренной страницы, то цель будет считаться достигнутой. Например: /blog/ — цель будет достигнута при посещении страниц http://site.ru/blog/ , и т.д.
    • совпадает — должно быть полное совпадение адреса страницы с тем, что тут указано. Пропишете http://site.ru/blog/ — и цель будет достигнута только при посещении страницы с URL http://site.ru/blog/ .
    • начинается с — чтобы цель была достигнута, URL просмотренной страницы должен начинаться с того, что тут указано. Например, если прописано http://blog/ , то при посещении http://site.ru/blog/ — будет достижение цели, а при посещении http://site.ru/page_2/blog/post1.html — не будет.
    • регулярное выражение — это если нужно более интересное совпадение. Например, чтоб цель была достигнута только при просмотре страниц с двумя GET-параметрами в URL, или когда URL не содержит цифр, или ещё что-нибудь.. Наверное, инфо отсюда поможет разобраться в теме.
    JavaScript-событие

    Весьма интересная штука. Если с помощью предыдущих видов целей мы могли смотреть статистику относительно движений по сайту, то с помощью этой — относительно поведения на странице.

    Яндекс.Метрика — цель «JavaScript-событие»

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

    Как использовать JavaScript-цели в Яндекс.Метрике
    • Через HTML-код — событие указывается прямо в теге элемента. Например:
    ...

    onsubmit — это обработчик события (в данном случае — отправка формы). Их полно всяких: onclick, onscroll и др. — см. любой справочник по JavaScript-событиям, например, этот .

    Вместо NNN следует подставить id счётчика Яндекс.Метрики. Узнать его можно в аккаунте Метрики, либо через этот сервис — он своё дело делает быстро. Ну а вместо xXx — идентификатор события, который вы придумали (размер букв имеет значение).

    Таким образом, внутри HTML-тега пишем следующую конструкцию:

    on событие
    • Через JavaScript-код — обработка события происходит внутри JS-кода.

    Здесь всё аналогично, только эту конструкцию

    on событие ="yaCounterNNN.reachGoal("xXx"); return true;"

    прописываем внутри JavaScript-кода. С этим способом возможностей больше.

    Вообще, если вы не особо знакомы с программированием на JS и знакомиться не хотите, то вполне хватит первого варианта.

    Примеры целей типа «JavaScript-событие» в Яндекс.Метрике 1. Клик куда угодно: ...

    текст ссылки

    2. Узнаём статистику по комментаторам на WordPress.

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

    Находим в шаблоне комментариев (обычно comments.php) форму (тег ) и делаем такое:

    ...

    В общем, можно много чего придумать

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

    Это комбинация целей вида «Посещение страниц» и «JavaScript-событие»:

    Яндекс.Метрика — составная цель

    Например, на рисунке выше настроена цель, которая будет считаться достигнутой, когда будет посещена страница, содержащая в своём URL кусок /blog/ и на этой странице произойдёт событие с идентификатором zzZ_1 (шаг А), а также будет посещена страница, URL которой содержит /cat/ и на которой произойдёт событие с идентификатором zzZ_2 (шаг B) — т.е. оба шага должны быть пройдены.

    После того, как вы определитесь с типом цели и всё настроите, не забудьте задать её название — оно будет использоваться при просмотре статистики.

    Ретаргетинговые цели в Яндекс.Метрике Статистика по целям в Яндекс.Метрике

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

    Сама эта часть уже может быть каким-либо сегментом — например, пользователи мобильных устройств. На картинке ниже представлен отчёт по поисковым фразам, где видно, что только один человек оставил комментарий с мобильного устройства в период с 13 июля по 12 октября:

    Отчёт по целям в Яндекс.Метрике

    Также достижения целей удобно анализировать в разделе «Вебвизор» — тут можно понаблюдать за поведением человека, достигшего желаемую для вас цель:

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

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

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

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

  • Продажи.
    • Нажатие на кнопку оформления заказа.
    • Добавление товара в корзину.
    • Переход в корзину.
    • Заполнение форм подтверждения и оплаты.
    • Окончательное оформление покупки.
    • Сравнение товаров.
    • Скачивание прайса.
    • Заказ обратного звонка.
  • Информация о компании. К этой категории действий относятся переходы пользователей на страницы «Контакты», «О компании», «Условия оплаты и доставки», «Лицензии», «Сертификаты» и т. д.
  • Заинтересованность (цели этой группы особенно важны для информационных ресурсов). Сюда включены: глубина просмотра страниц, переходы на схожие по тематике статьи, проведенное пользователем на сайте время и др.
  • Виды целей в «Яндекс.Метрике»

    Цели, которые можно гибко настроить в «Яндекс.Метрике», классифицируются на 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 срабатывает до загрузки счетчика.
    Посещение страниц
    • В настройках цели не указан адрес страницы.
    • Ссылка введена неверно.
    • В адресах страниц сайта имеется символ #.
    • В настройках цели выбрано неправильное условие.
    • На странице установлен циклический редирект.
    Составные цели
    • Условия одного или нескольких шагов не могут быть выполнены по каким-либо причинам.
    • Последние шаги можно осуществить без выполнения первых.

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

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

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

    Для начала проходим в свой аккаунт в Яндексе (авторизуемся в почте), переходим по адрес 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 заказали звонок. На сайте много кнопок, таким образом мы отслеживаем работу каждой связки.

    • Сергей Савенков

      какой то “куцый” обзор… как будто спешили куда то