Яндекс.Метрика не нуждается в представлении. Ведь это один из мощнейших инструментов для веб-аналитики. Сам по себе сервис включает в себя множество инструментов для сбора данных, одним из которых являются «Цели».
Цель – это некий сценарий, при успешном прохождении которого поставленная цель считается достигнутой.
Всего на момент написания статьи Яндекс.Метрика содержит в себе 4 типа целей. Это:
Сегодня мы поговорим о JavaScript-событии, в следующих же статьях, по отдельности, рассмотрим остальные типы целей.
Этот тип цели считается достигнутым, когда при определенных условиях (их мы рассмотрим ниже) вызывает специальный код.
Для начала – давайте получим этот код.
1. Зайдите в Яндекс.Метрику.
3. На открывшейся странице настроек переключитесь на вкладку «Цели » и нажмите на кнопку «Добавить цель ».
4. В открывшейся форме выбираете «JavaScript-событие », где вводите название цели и ее идентификатор.
И нажимаете «Добавить цель ».
После чего, при успешном создании цели, она появиться в общем списке целей:
Они нам потребуются для уже финальной установки цели на наш сайт.
Во всех случаях мы будем вызывать следующую функцию:
Где «XXXXXX » – как раз номер вашего счетчика, а «TARGET_NAME » – идентификатор цели. А теперь примеры.
Установка цели на формуЕсли вы на своем сайте имеете форму без технологии AJAX, то есть в ней присутствует часть похожая на эту:
То в этот тег вы можете вставить код цели. Пример:
В таком случае, при успешной отправке формы – цель будет считаться достигнутой.
Установка цели на кнопку, ссылку или другой элемент HTMLЭтот способ установки цели подойдет для различных кнопок, таких как «скачать» – если, например, на вашем сайте есть прайс и вы хотите отследить, сколько человек заинтересовались вашими услугами.
Пример установки кода на кнопку:
Наш прайс
Пример установки кода на простой div:
Hello, world!
Во всех случаях, как вы заметили, код идентичен.
Установка цели на просмотр страницыКод, который представлен ниже, вы вставляете на нужные вам страницы в секции BODY .
window.onload = function() { yaCounterXXXXXX.reachGoal("TARGET_NAME"); }
В таком случае, если человек посетил страницу, где размещен этот код, цель считается достигнутой.
Установка цели на время нахождения на страницеВ отличие от предыдущего варианта, пользователь должен не просто посетить страницу, но и еще пробыть на ней некоторое время.
Реализация:
setTimeout(function() { yaCounterXXXXXX.reachGoal("TARGET_NAME"); }, 180000); // 3 минуты
Код вы также вставляете на нужные вам страницы или сразу на весь сайт.
Подведя итог всему написанному выше, можно сказать, что ключевым в этой цели является функция:
YaCounterXXXXXX.reachGoal("TARGET_NAME");
Ее вы уже используете так, как только посчитаете нужным. Возможно, я описал не все варианты составления целей типа «JavaScript-событие», и если вам чего-то не хватает или возникают трудности – пишите об этом в комментариях.
Всем привет! Это Евгений Тридчиков и сегодня мы будем разбираться, как настроить цели в Яндекс Метрике. В вы можете узнать про базовые настройки, а сейчас мы разберемся с отслеживанием конверсий.
Как настроить цели в Метрике?Для начала проходим в свой аккаунт в Яндексе (авторизуемся в почте), переходим по адрес metrika.yandex.ru и попадаем на главный экран Метрики. Жмем на шестеренку и переходим в раздел «Цели».
У меня, как видите, для этого проекта уже настроены некоторые цели. У вас, скорее всего, будет пусто. Сейчас я расскажу о том, какие типы целей позволяет отслеживать Метрика и как с ними работать.
Напомню, что без установки Метрики и целей — дырка в вашем кошельке, потому что вы не будете получать информацию о выполнении пользователями нужных вам действий на сайте.
Для начала перед вами будет две вкладки: Конверсионные и Ретаргетинговые цели. Разделение чисто условное (возможно, имеет смысл при работе с большими проектами, когда целей реально очень много), я не нашел ему практического применения, поэтому можете выбирать любую вкладку — я обычно использую Конверсионные. Это никак не повлияет на дальнейшие настройки и работу Метрики.
Жмем «Добавить цель» и рассмотрим типы доступных целей.
Цель «Количество просмотров»Отчеты метрики работают с визитами. Поэтому цель «Количество просмотров» будет достигнута, когда в рамках одного визита будет просмотрено заданное (или более) количество страниц, которое вы укажите в этом окошке.
Имеет смысл при работе с контентными проектами, чтобы делать выводы о вовлеченности пользователей. Или, например, на лендинге со «Спасибо страницей» (2 страницы просмотрят только те, кто оставит заявку).
Цель «Посещение страниц»Кнопка «Добавить условие» — позволяет задать дополнительное условие для выполнения цели. Например, посещение нескольких страниц в рамках визита.
Цель будет достигнута, когда в рамках одного визита будет переход по интересующему нас URL. Нажмите на выпадающий список, чтобы задать критерий выполнения.
Обычно я использую «url: содержит» и вписываю в поле хвост целевой страницы. Например, после заполнения формы на сайте пользователь попадает на «Спасибо страницу», которая имеет URL — site.ru/thanks.
Эту страницу увидят только те, кто заполнит форму на сайте. При настройке цели я вписываю в поле слово — thanks . Таким образом, я смогу собирать аудиторию тех, кто сделал конверсию (достиг целевой страницы), а затем вычитать эту аудиторию из всей аудитории сайта и догонять их с помощью Ретаргетинга. Об этом в следующей статье.
Цель: JavaScript событиеС помощью данного типа целей можно отслеживать события на сайте. Самый распространенный пример в моем случае — отслеживание форм на сайте, когда отправка заявки происходит без перезагрузки страницы.
Для того, чтобы отслеживать только успешно отправленные формы , нужно повесить на форму такую конструкцию:
onsubmit =»yaCounterХХХХХХХХ .reachGoal(‘GOAL ‘); return true;»
Тот самый идентификатор, который нужно поместить в поле «Идентификатор цели» в настройках цели. А теперь живой пример на сайте jurist-pro.by .
Если человек заполнит форму, то в Метрику улетит событие с идентификатором ClickSendForm (см. скриншот). А если мы пропишем его в настройке цели — то сможем отслеживать это действие в отчетах Яндекс Метрики.
Вообще на юристах событие улетает и в Метрику и в Гугл аналитикс, но такой подход срабатывает не всегда, поэтому лично я предпочитаю дедовскую но беспроигрышную «Спасибо-страницу». Подробнее про в гугл аналитикс в следующей статье.
Составная цельСоставная цель в Яндекс Метрике служит для того, чтобы получать наглядное представление о воронке продаж. Подходит для использования при работе с интернет-магазинами, когда можно задать отдельные шаги пользователя на пути к покупке.
Например, первым шагом может быть клик по кнопке «Добавить в корзину», вторым — «Посещение корзины», третьим — «Оформление покупки», четвертое — «Подтверждение или Оплата». На накопленной статистике, составная цель наглядно представляется в виде воронки с показателями по каждому шагу.
Еще один вариант использования составной цели — при работе с лендингом, на котором расположено несколько кнопок, которые открывают одну поп-ап форму или несколько форм, которые ведут на одну «спасибо-страницу». В этом случае мы можем составить цепочки по каждой форме, чтобы понимать какая кнопка/форма наиболее популярна у пользователей. А ниже живой пример при работе с kotovrealty.ru .
На скриншоте выше отчет «Конверсии». Стрелками я пометил кнопки-воронки: как видите, можно посмотреть воронку по всей составной цели и по отдельному шагу. Вот что будет, если мы хотим посмотреть воронку по составной цели:
Как видите, благодаря составной цели мы на одном экране можем получить подробную статистику по работе кнопки «Заказать звонок» в шапке. Из 786 визитов 45 (то есть 5.73%) кликнули по кнопке, а 21 из 45 заказали звонок. На сайте много кнопок, таким образом мы отслеживаем работу каждой связки.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Что такое цели в и их колоссальная польза уже изложены в этой , поэтому не будем заострять на этом внимание, а поговорим о том, как настроить .
Сразу после того как определились с целями своего сайта и перед тем, как запускать рекламную кампанию необходимо настроить соответствующе счетчики в Метрике.
Варианты целей в Яндекс Метрике Вообще, вариантов целей в Метрике не очень много, но их использование может быть весьма гибким. Существует 4 основных способа постановки целей:Теперь поочередно разберем как настраивать цели в Метрике и как их использовать
На момент написания статьи стоит ограничение на количество целей для одного счетчика - 200 штук
Цель в Метрике: количество просмотровПервая, и самая простая. Вариантов применения немного, зато вывод может быть очень полезным:
Сфера использования:
Заходим в Яндекс Метрику своего сайта, нажимаем:
Если все в порядке, мы увидим свою первую цель в списке. Не забываем нажать желтую кнопку «Сохранить». Через несколько минут все заработает!
Цели в Метрике: посещение страницОдна из важнейших целей (так как частенько является частью составной цели, но об этом позже). Тут мы можем указать URL страницы, переходы на который будут являться достижением цели. Чаще всего речь идет про страницу заказа/доставки/скачивания и любой другой транзакции. Вывод напрашивается сам собой:
Сфера использования:
Начальные действия будут везде одинаковыми, но я на всякий случай буду их дублировать, мало ли что.
Заходим в Метрику своего сайта и:
Про условия:
Супер-штука, которая поможет отследить взаимодействие посетителя с любыми элементами. Вывод сделаем после сферы использования.
Где применять:
Из жизни:
Однажды мы таким образом подняли конверсию интернет-магазину, обнаружив, что зеленого цвета кнопка «заказать», вообще не привлекала внимания пользователей. Всего-навсего, изменив цвет кнопки на желтый цвет (он отлично подходил к общему дизайну сайта и был ярче других элементов), мы увеличили количество заказов на 13% от текущего. А все благодаря целям в Метрике.
Как настроить цель в Метрике: событие JavaScriptНастройка данной цели вызывает больше всего вопросов. Для неё, помимо Метрики, потребуется доступ к редактированию html кода сайта. Вообще, в идеале, нужно знать html хотя бы чуть-чуть для комфортной работы с этим инструментом. Все же, постараюсь подробно и наглядно:
Учтите, что нельзя указывать идентификаторы, совпадающие по содержанию с 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 в первозданном виде, где-то в укромном месте. Если случайно что-то сломаете - сможете безболезненно все починить вернув исходный файл на ftp.
Пример кода кнопки:
Пример кода формы «Обратный звонок»:
Так как мы неопытными руками были в коде, проверяем сайт на работоспособность и через пару минут можно попробовать нажать на отмеченную кнопку и посмотреть в Метрике, считается ли статистика.
Убедитесь, что счетчик учитывает ваши собственные визиты. Для этого нужно зайти в «Настройки» - «Фильтры» и посмотреть, чтобы не стояло галочки рядом с «Не учитывать мои визиты».
Установка целей в Метрике: составная цельСоставные цели полезны, когда важно отслеживать , выстраивая цепь целевых страниц, которые пользователь должен посетить. Позже мы сможем выявить этап, на котором пользователи уходят с сайта ничего не купив/заказав и проработать их. Также если вы ведете блог для привлечения тематического трафика (а уже пора бы), вы можете отслеживать конверсию перехода с информационных страниц на страницы услуг/товара и оттуда к оформлению покупки.
Ничего трудного нет, если вы усвоили как настраивать все предыдущие цели.
Ну, сразу к делу:
На скриншоте составная цель из «одного» шага, чтобы не путать никого. Для того, чтобы добавить следующий шаг, нужно нажать на соответствующую кнопку и повторить действия начиная с пункта 6.
Есть пара нюансов:
К сожалению, не нашел способа проверки целей в Метрике лучше, чем ручной. Спустя минут 10−15 после установке целей самостоятельно пройдитесь по ним и посмотрите работает ли. Не забываем убрать галочку «Не учитывать мои визиты» в разделе фильтр!
Если дочитали до концаДля тех, кто осилил этот гигантский пласт текста и картинок, я подготовил небольшой сюрприз. Я поспрашивал у наших гуру Метрики какие есть «необычные» цели, которые не встретишь на просторах интернета, но которые они применяли в своей практике, причем чтобы эти цели были реально полезными. Вдруг некоторые из них как раз то, что вам надо?
Настройка не совсем стандартных целей потребует от нас умения создавать и подключать к сайту. Коротко разберем, как это делать исключительно для нашего примера.
Как создать скрипт
: Создайте на рабочем столе текстовый документ, придумайте ему имя и измените расширение, чтобы получился файл типа imya_scripta.js - этот файл будет содержать наш скрипт. Теперь вставляйте в него нужный код и копируйте на ftp в папку со скриптами. (где лежат файлы с аналогичным расширением.js)
Как подключить скрипт
: В файле index. html между тегами … пишите конструкцию .
Например, у меня все скрипты лежат в папке scripts/targets.
Пишем: конслуьтант отвечает клиенту.
Надеюсь, было полезно!
Если у вас был опыт выставления неординарных целей в Метрике - милости просим поведать о них в комментариях.
К о н е ц
Нажмите кнопку редактирования счётчика.
2. Перейдите во вкладку "Цели", нажмите "Добавить цель".
а) Установка цели на количество просмотренных страниц сайта.
Вкладку "Условия" переключите в положение "Количество просмотров". Укажите название цели и количество страниц, которые должен просмотреть посетитель сайта для её достижения. Нажмите "Добавить цель".
Б) Установка цели на "URL страницы".
Пример для раздела "Каталог товаров". Если в поле URL страницы выбрать "url: содержит" и указать часть url"а "products", то система будет фиксировать посещения любой страницы в разделе "Каталог товаров".
Если в поле URL страницы выбрать "url: совпадает", то нужно указывать полный url "http://site.ru/products/111111". В этом случае будет фиксация посещения именно указанной страницы.
Если в поле URL страницы выбрать "url: начинается с" и указать часть "http://site.ru/products/category", то в этом случае будет фиксация посещений любой страницы раздела каталога товаров.
Аналогично примеру можно установить следующие цели:
Url: совпадает —
site.ru/posts (Новости)
url: совпадает —
site.ru/articles (Статьи)
url: совпадает —
site.ru/services (Услуги)
Url: совпадает — site.ru/products (Каталог товаров)
Url: совпадает — site.ru/delivery (Доставка)
Url: совпадает — site.ru/photoalbums (Фотоальбом)
Url: совпадает — site.ru/video (Видео)
Url: совпадает — site.ru/comment (Комментарии)
Url: совпадает — site.ru/contacts (Контакты)
Url: совпадает — site.ru/documents (Документы)
Url: начинается с —
site.ru/subscribe (Веб-версия письма рассылки)
Url: содержит — products/search (Поиск по каталогу)
Url: содержит — find?q= (Google поиск)
Url: содержит —
search?searchid= (Яндекс.Поиск)
Url: содержит — confirm (Подписка на рассылку)
Url: содержит —
unsubscribe (Отказ от рассылки)
Url: содержит —
order-form (Открытие формы услуги или товара при отключенной корзине)
url: содержит —
order-send (Заказ услуги оформлен)
url: содержит —
order-made (Заказ товара при отключенной корзине)
Url: содержит —
one-click-form (Открытие формы "Заказ в 1 клик")
url: содержит —
checkout-order-by-click (Отправка заполненной формы "Заказ в 1 клик")
Url: содержит — feedback (Открытие формы обратной связи "Написать нам")
Url: содержит — top-form-0 (Нажатие на кнопку "Отправить" в форме обратной связи "Написать нам")
Url: содержит — thankyou-form-0 (Успешная отправка формы обратной связи "Написать нам")
Url: содержит — callback (Открытие формы обратной связи "Обратный звонок")
Url: содержит — top-form-1 (Нажатие на кнопку "Отправить" в форме обратной связи "Обратный звонок")
Url: содержит — thankyou-form-1 (Успешная отправка формы обратной связи "Обратный звонок")
Url: содержит — lead-form-send (Нажатие на кнопку "Отправить" в лид-форме)
Url: содержит — thankyou-lead-form (Успешная отправка лид-формы)
Настройка цели на Корзину:
Url: содержит — products/viewcart (Корзина)
Url: содержит —
cart/checkout (Заказ оформлен)
url: содержит —
pay/success (Успешная оплата)
В) Составная цель на оформление заказа.
Цели в Яндекс Метрике помогают анализировать огромное количество информации поступающей на сайт. Зачастую их ставят именно для того, чтобы узнать точное количество людей, которые заказали у Вас товар или услугу. В редких случаях они незаменимы в поиске причин, по которым пользователи покидают ресурс. Для наглядности можно привести простой пример пользы от использования целей. Допустим у Вас имеется магазин в интернете, который посещает более 1000 человек в сутки. Даже в самом худшем случае Вы будете получать до 30 заявок в день. Отследить точное количество заявок, чтобы их обработать будет крайне сложно. Еще сложнее будет узнать наиболее популярные формы, с которых были оставлены эти заявки. А правильно настроенные цели помогут разобраться во всех этих нюансах и принять решения, которые как минимум не навредят.
В настоящее время Яндекс Метрика предлагает настраивать до 4 типов целей:
В зависимости от типа сайта и задач, поставленных перед ним, может быть использовано бесконечно количество вариаций использования этого инструмента. Самое главное в данном случае самому не запутаться с теми данными, на которые настроил статистику.
Правильная настройка целей в метрикеДля получения точных данных по целям необходимо знать и правильность их настройки. Следует учесть, что в большинстве случае все ошибки возникают из-за невнимательности, в крайне редких моментах за выдачу необъективных данных отвечает сам сайт.
Настройка цели: количество просмотров в Яндекс МетрикеДля настройки необходимо выполнить следующие шаги:
Основные моменты по настройке заданной цели Метрики:
Настройка заданной цели осуществляется следующим образом:
Популярные способы использования данной цели:
Цель создана, однако это не все. Яндекс Метрика пока не знает, какая форма будет считаться за цель. Ей необходимо это указать, покопавшись в коде сайта. Не бойтесь, там совсем чуть-чуть.
Для этого сначала надо определиться с тем, куда мы будем настраивать эту цель.
В случае если результат выполнения цели нажатие кнопки или ссылки, код будет следующим:
Onclick="yaCounterXXXXXX.reachGoal("kaktus"); return true;"
Если Вам необходимо настроить цель на форму, то код будет такой:
Onsubmit="yaCounterXXXXXX.reachGoal("kaktus", function () { alert("Данные успешно отправлены");
Если же необходимо сделать цель с вводом пользовательских параметров, то код уже изменится:
Onclick="yaCounterXXXXXX.reachGoal("kaktus", goalParams, goalCallback); return true;"
В данном случае вместо XXXXXX указываем номер того счетчика на который будут поступать данные о выполнении цели. В качестве идентификатора-kaktus, необходимо выбрать любое значение на свой вкус. Можно даже такое оставить.
Пошаговая Настройка цели JS событие в Яндекс МетрикеПокажем на реальном примере как мы настраиваем данную цель, т.к она наиболее сложная и вызывает максимальное количество вопросов.
Для настройки этой цели следует сделать следующее:
Тут следует сделать оговорку:
Данный тип целей может быть весьма эффективным в нескольких случаях:
Для этого существует два действенных способа:
Важные моменты по поводу настройки целей:
В качестве бонуса для тех, кто дочитал таки до концы, мы расскажем о том,как настраивать цели метрики под формы плагина Contact form 7. Любители Вордпресс наверняка его знают и говорить о преимуществах этого плагина мы не будем. И так. Допустим нам необходимо настроить цель, которая бы выполнялась по нажатию кнопки отправления в форме. Для этого делаем следующее:
Здесь вместо XXXXXX указан номер Вашего счетчика Метрики, а kaktus- это выбранный нами идентификатор.