Доброго времени суток! Яндекс Метрика – очень мощный инструмент с богатым функционалом, и в одной статье не охватить весь функционал должным образом, поэтому данная статья будет посвящена исключительно целям.
В своей предыдущей статье я писал о том, как добавить Яндекс Метрику на сайт, но разместить код счетчика у себя на сайте это лишь полдела, нужно также научиться грамотно пользоваться всем имеющимся функционалом, в данном случае таким функционалом, как цели.
1. Что такое цель в Яндекс Метрике и для чего она нужна
Цель – это инструмент оценки тех или иных действий на сайте, это механизм получения данных о том, что делают, либо не делают посетители вашего сайта, если говорить простым языком, то цель нужно понимать в буквальном смысле.
Цель появляется из ваших потребностей, желаний, любопытства и так далее.
Ограничение: для одного сайта можно добавить до 200 целей.
Сейчас я приведу примеры целей, и вы все поймете:
Первый пример: вы разместили баннер на сайте (например, какую-нибудь картинку) и хотите узнать, сколько людей кликают по этому баннеру каждый день, вот именно в этот момент у вас и возникает потребность в получении этих данных (количества кликов), исходя из этого можно поставить цель, которая будет звучать так: определить количество кликов по баннеру;
Если по вашему баннеру кликают, значит вы получаете информацию о количестве кликов – значит цель выполняется (цель достигнута).
Второй пример у вас есть сайт, который предоставляем какие-нибудь услуги, например, юридические, и на сайте есть форма заявки, которая состоит из полей:
- Имя
- Телефон
- Кнопка – “Отправить заявку”
Допустим вы хотите узнать, а сколько людей вообще нажимают на эту кнопку, из вашего желания и рождается соответствующая цель.
Третий пример: на сайте есть страница, например, “О нас” или “Обо мне” и у вас появилось желание проверить, а посещают ли эту страницу хотя бы 10 раз? Чтобы это проверить, нужно поставить цель: страницу должны посетить 10 раз.
Если страницу посетили, например, 15 раз (10 + 5), значит цель выполнилась, причем 1 раз, если страницу посетили, скажем, 25 раз, значит цель выполнена 2 раза (10 + 10 + 5).
Я привел примеры простых целей, но есть и более сложные (о них ниже), которые будут достигнуты только при определенных условиях, например, когда человек нажал и на кнопку и на баннер.
2. Какие бывают цели
Цели делятся на три группы типов:
1. Условие достижение цели
- Количество просмотров страницы (например, цель: страницу должны просмотреть 45 раз);
- Посещение определенных страниц (например, цель: посетитель должен просмотреть страницу “Услуги” и страницу “Контакты” );
- JavaScript-событие (например, цель: посетитель должен нажать на кнопку – “Заказать услугу”);
2. Сложность
Цели бывают простыми и составными. Простая цель – это когда присутствует всего лишь одно условие, например, просмотр определенной страницы, либо нажатие на кнопку.
Составная цель – это цель, которая состоит из двух и более условий.
Например, в интернет магазине можно поставить цель – “Заказ товара в корзине” и разбить эту цель на несколько условий:
1. посещение страницы с товарами
2. клик по кнопке – “Добавить в корзину”
3. посещение страницы – “Корзина”
4. клик по кнопке – “Заказать”
То есть цель будет выполнена только тогда, когда будут выполнены все эти 4 условия.
Такое разбитие на шаги позволит понять, на каком этапе у покупателя возникли сложности.
3. Назначение
Цели бывают следующих назначений:
- Конверсионная, ее предназначение – просмотр статистических данных, например, размер конверсии, кол-во достижений цели, количество визитов и так далее.
- Ретаргетинговая, предназначена для настройки показов по условиям подбора аудитории через интерфейс Яндекс Директа.
- Ретаргетинг — это технология, которая позволяет показывать рекламу той аудитории, которая посетила сайт и совершила там определенные действия. Можно настроить отображение объявлений Яндекс Директа в зависимости от поведения посетителей на сайте.
3. Как добавлять и настраивать цель
Для добавления цели перейдите в Яндекс Метрику https://metrika.yandex.ru/list и выберите нужный вам счетчик, нажав на его название. Далее, в левом меню нажмите на самый нижний пункт – Настройки:
Возможно у вас меню будет свернуто, тогда просто нажмите на шестеренку:
Далее перед вами появится меню, в котором нужно выбрать пункт – Цели:
У меня уже добавлены 2 цели, поэтому на картинке выше можно видеть цифру 2 рядом с пунктом “Цели”.
Теперь необходимо нажать на кнопку – Добавить цель:
И после этого появится окно, где и происходит настройка цели (задается название, составляются условия, выбирается тип цели и так далее), оно выглядит так:
Я в общих чертах показал как создаются цели, теперь давайте разберем создание определенных целей под различные нужды, после разбора которых вы поймете что и как заполнять.
3.1 Цель на количество просмотров
Пример №1
Итак, давайте поставим цель на 1000 (одну тысячу) просмотров страниц сайта, для этого, находясь в настройках цели нажимает – Добавить цель и настраиваем её следующим образом:
- Название: дадим, например, такое – “Цель в 1000 просмотров”
- Тип условия: Количество просмотров
- Поле просмотров – ставим 1000
И нажимаем – Добавить цель, выглядим это так:
Всё, когда сайт наберет 1000 просмотров – цель будет достигнута.
3.2 Цель на посещение страниц
Пример №2
Допустим, я хочу поставить цель на посещение определенной страницы моего сайта, то есть если страница посещена, то цель выполнена (1 раз), если страницу посетят 20 раз, значит цель выполнится 20 раз, и так далее.
В качестве примера я возьму страницу со статьей про создание сайта, статья имеет ссылку:
http://sergey-oganesyan.ru/etapy-sozdaniya-sajta/kak-sozdat-sajt-na-wordpress.html
Нажимаю – Добавить цель и заполняю поля следующим образом:
Название: Посещение страницы моего блога
Тип условия: Посещение страниц
В выпадающем списке условия выбираем – url: совпадает
В поле со значением я вставляю ссылку на страницу
Заполнение полей выглядит так:
После заполнения нажимаем – Добавить цель.
Пример №3
Теперь давайте рассмотрим другую ситуацию, например, я хочу поставить цель на посещение не какой-то одной определенной страницы, а на посещение страниц целого раздела.
Давайте еще раз рассмотрим вышеприведенную ссылку:
http://sergey-oganesyan.ru/etapy-sozdaniya-sajta/kak-sozdat-sajt-na-wordpress.html
Если вы заметили, адрес страницы строится по шаблону:
домен сайта/название раздела/название статьи
В данном случае раздел называется – etapy-sozdaniya-sajta (этапы создания сайта).
То есть если убрать название статьи, то вы сможете перейти в этот раздел:
http://sergey-oganesyan.ru/etapy-sozdaniya-sajta/
Теперь, я хочу поставить цель на посещение страниц этого раздела, делается это так:
- Название: Посещение страниц раздела
- Тип условия: Посещение страниц
- Условие – url: содержит
- Значение: /etapy-sozdaniya-sajta/
Исходя из этого условия, будут учитываться посещения тех страниц, в адресе которых встречается название раздела, включая и саму страница раздела!
Также, цель можно поставить и немного другим способом:
- Условие – url: начинается с
- Значение: http://sergey-oganesyan.ru/etapy-sozdaniya-sajta
То есть будут учитываться посещения всех страниц, url адреса которых будут начинаться с вышеприведенной части адреса.
Пример №4
Теперь давайте поставим такую цель: посещение страниц сайта, адреса которых содержат цифры, примеры таких страниц:
http://sergey-oganesyan.ru/windows/defragmentaciya-diska-na-windows-10.html - содержит цифры 1 и 0 http://sergey-oganesyan.ru/bitrix/kak-importirovateksportirovat-kartinki-razdelov-kataloga-v-1s-bitriks.html - содержит цифру 1
Для этого поля необходимо заполнить так:
- Название: Url страницы с цифрами
- Тип цели: Посещение страниц
- Условие – url: регулярное выражение
- Значение: \d – в регулярных выражениях это означает любые цифры (0-9)
Пример №5
Ну и еще один пример с регулярным выражением, цель будет такой: посещение страниц сайта, в url адресах которых содержится фраза “wordpress” или “kontakt”
Пример таких страниц на моем блоге:
http://sergey-oganesyan.ru/bezopasnost-sajta/kak-ogranichit-kolichestvo-popytok-avtorizacii-v-wordpress.html http://sergey-oganesyan.ru/interesnaya-rubrika/kak-raskrutit-gruppu-v-kontakte.html
- Название: Url содержит одну из двух фраз
- Тип цели: Посещение страниц
- Условие – url: регулярное выражение
- Значение: wordpress|kontakt – фразы разделяются вертикальной чертой
Другие примеры значений для регулярных выражений:
- \D — соответствует любому символу, не являющемуся цифрой (в противовес маленькой букве d)
- \s — соответствует пробелу
- \S — соответствует символу, который не является пробелом
- m* — соответствует букве m, которая встречается в url ровно 1 раз
- m+ — соответствует букве m, которая встречается в url 1 и более раз
- И много других выражений
Как видите, чтобы производить грамотную настройку цели, желательно, но не обязательно, разбираться в регулярных выражениях.
Очень часто, нужные выражения можно найти в интернете, для этого просто вбейте в Google поиске такую фразу:
регулярные выражения примеры
или такую
регулярные выражения таблица
Итак, переходим к рассмотрению другого типа целей.
3.3 Цель на JavaScript-событие
С данным типом целей всё немного сложнее, в отличие от предыдущих. До этого мы просто добавляли цели в Яндекс Метрике и все, здесь же, после добавления цели в Метрике, к нужным элементам на сайте необходимо добавить специальный код, то есть весь процесс состоит из двух шагов:
- Создаем цель
- Добавляем к элементу сайта код
Для создания любой JavaScript цели нам нужны 2 параметра:
- номер счетчика (он понадобится при добавлении кода)
- идентификатор цели (он задействован и при создании цели, и при добавлении кода)
Номер счетчика везде будет одинаковый (одному домену соответствует 1 счетчик), а вот идентификатор цели будет везде разный и его будем придумывать мы сами.
Номер счетчика можно посмотреть в настройках Яндекс Метрики над основным меню – это цифры, которые идут после названия счетчика:
Как видите, в моем случае это: 12345678
Данный номер я взял для примеров, которые будут показаны далее, у вас будет свой номер.
Все что нужно, мы узнали, можно переходить к примерам.
Пример №6 – нажатие на кнопку
Допустим я оказываю услуги по ремонту автомобилей и у меня на сайте есть форма отправки заявки на ремонт, выглядит она так:
<form action="" method="post"> <input type="text" value="Ваш телефон"> <input type="button" value="Заказать ремонт"> </form>
Как видите, в форме есть кнопка отправки – “Заказать ремонт” и я хочу отслеживать нажатия на эту кнопку, для этого мне нужно поставить цель, которую я назову, например, – “Статистика заказов на ремонт”.
Заполнение полей цели будет таким:
- Название: Статистика заказов на ремонт
- Тип условия: JavaScript-событие
- Идентификатор цели: zakaz_na_remont – его я придумал сам, он может быть любым, но уникальным для каждой цели
Теперь к нашей кнопке нужно добавить специальный код вида:
onclick="yaCounter########.reachGoal('********'); return true;"
где вместо решеток ######## нужно вставить номер счетчика, а вместо звездочек ******** идентификатор, то есть код, в моем примере, будет таким:
onclick="yaCounter12345678.reachGoal('zakaz_na_remont'); return true;"
onclick – это событие одинарного нажатия на кнопку.
Конечный вариант кода будет таким:
<form action="" method="post"> <input type="text" value="Ваш телефон"> <input type="button" onclick="yaCounter12345678.reachGoal('zakaz_na_remont'); return true;" value="Заказать ремонт"> </form>
Как видите, я просто добавил этот код к кнопке – ничего сложного.
Пример №7 – нажатие на картинку
Данный пример будет аналогичен предыдущему с той лишь разницей, что целью будет – отслеживание статистики по кликам на картинку.
Допустим у меня есть вот такая картинка (баннер):
HTML код этой картинки такой:
<img src="http://sergey-oganesyan.ru/wp-content/uploads/2017/12/banner.jpg">
Теперь создадим цель, для отслеживания кликов по этому баннеру (изображению) с такими параметрами:
- Название: Статистика кликов по баннеру
- Тип условия: JavaScript-событие
- Идентификатор цели: kliki_po_banneru
Теперь формирую уже знакомый код, который я буду добавлять к картинке:
onclick="yaCounter12345678.reachGoal('kliki_po_banneru'); return true;"
- 12345678 – номер счетчика
- kliki_po_banneru – идентификатор цели
Добавляем этот код к картинке и конечный вариант будет выглядеть так:
<img onclick="yaCounter12345678.reachGoal('kliki_po_banneru'); return true;" src="http://sergey-oganesyan.ru/wp-content/uploads/2017/12/banner.jpg">
Пример №8 – отправка формы
Предположим у вас на сайте размещена подобная форма обратной связи:
<form action="" method="post"> <input type="text" value="Ваше имя"> <input type="text" value="Телефон"> <input type="submit" value="Отправить"> </form>
У этой формы есть 2 текстовых поля (имя и телефон) и кнопка – Отправить.
Давайте поставим цель – отследить статистику отправки этой формы, то есть цель будет достигнута тогда, когда человек заполнит поля и нажмет на кнопку отправки.
Заполнение параметров цели будет примерно таким же, как и в двух предыдущих примерах.
- Название: Отправка формы
- Тип условия: JavaScript-событие
- Идентификатор цели: send_form
После создания цели в форму необходимо добавить следующий код:
onsubmit="yaCounter12345678.reachGoal('send_form'); return true;"
Как вы можете заметить, поменялось событие, раньше было событие onclick (одинарный клик мышью), а стало onsubmit (событие отправки формы).
Конечный вариант кода будет таким:
<form action="" method="post" onsubmit="yaCounter12345678.reachGoal('send_form'); return true;"> <input type="text" value="Ваше имя"> <input type="text" value="Телефон"> <input type="submit" value="Отправить"> </form>
Обратите внимание, еще одно отличие по сравнению с предыдущими примерами – код мы помещаем в тег form, а не к определенному элементу (к кнопке или к картинке).
Осталось разобраться с последним типом целей.
3.4 Составная цель
Прежде чем создать подобную цель, необходимо обрисовать алгоритм у себя в голове или на листочке.
Составная цель строится на основе шагов и условий. Шаг – это более общее понятие. Шаг может состоять из одного и более условий.
Цель может состоять максимум из 5 шагов, каждому из которых нужно задать понятное нам название.
Давайте рассмотрим боевой пример и реализуем цель.
Пример №9 – заказ товара в интернет-магазине
Допустим у вас имеется магазин, и вы хотите поставить цель – отслеживать статистику оформления заказов. Как вы понимаете, оформление заказа – это уже последний шаг, совершаемый покупателем, и мы могли бы поставить цель на нажатие на кнопку оформления заказа, но это будет неправильно, ведь у нас не будет всей той информации, которая предшествует последнему действию.
Чтобы отслеживать весь процесс действий посетителя, от захода на сайт и до покупки, нужно составить примерно такую цепочку шагов:
- зайти на страницу с товарами
- нажать на кнопку – Добавить в корзину
- зайти в корзину
- нажать на кнопку – Оформить заказ
У нас получилось всего 4 шага, но на каждом шаге может быть 1 и более условий.
Для примера, будет считать, что на сайте 3 страницы с товарами:
- страница 1
- страница 2
- страница 3
В большинстве подобных случаев можно обойтись и одним условием для первого шага, но так как это пример того, как работать с функционалом составной цели, сделаем 3 условия (по одному на каждую страницу).
Для всех остальных шагов установим по одному условию.
Заполнение полей настроек цели будет таким:
Как видно на картинке выше, в первом шаге мы прописывает 3 адреса страниц с товарами с типом условия – url: содержит. На втором в качестве условия используется событие: идентификатор цели, и кнопка на сайте должны будем иметь такой код:
<button onclick="yaCounter12345678.reachGoal('dobavit_v_korzinu'); return true;">Добавить в корзину</button>
На третьем шаге пользователь должен посетить страницу – Корзина, а на четвертом шаге нажать на кнопку оформления заказа, которая должна иметь такой код:
<button onclick="yaCounter12345678.reachGoal('oformit_zakaz'); return true;">Оформить заказ</button>
После настройки нажимаем на кнопку – Добавить цель, а после этого обязательно на кнопку – Сохранить, внизу под целями:
Добавленная цель будет выглядеть следующим образом:
Её можно развернуть, нажав на плюсик, подчеркнутый на картинке выше, и увидеть все шаги:
Стоить отметить, что цель будет достигнута только в том случае, если пользователь сайта выполнит все 4 шага за одно посещение, причем эти шаги могут быть выполнены не по порядку!
Если рассматривать наш пример, то цель не будет достигнута, если человек выполнит только последний шаг, то есть нажмет на кнопку – Оформит заказ, это может произойти, если человек добавил товары в корзину, например, вчера, а заказ оформляет сегодня.
4. Как проверить цель
После того, как вы добавили какую-нибудь цель, необходимо убедиться, что все настроено правильно и статистика ведется. Можно, конечно, подождать, когда цели будут достигнуты посетителями, но для того чтобы не тратить на это время, есть более правильное решение.
Все что нужно сделать – это добавить к адресу своей страницы специальный параметр, открыть консоль браузера и выполнить действие, которое приведет к достижению цели.
Например, на моем сайте есть баннер, и цель достигается по клику на этот баннер.
Что я делаю – я добавляю get параметр _ym_debug со значением 1 к адресу страницы и захожу на эту страницу, и так как баннер размещен на всех страницах моего сайта, то я могу добавить параметр к любой странице, добавлю к главной.
Если по-простому, то имеется адрес главной страницы:
http://sergey-oganesyan.ru/
Добавляю параметр к этому адресу, и он становится таким:
http://sergey-oganesyan.ru/?_ym_debug=1
Далее я перехожу по этому адресу и открывают консоль браузера, чтобы её открыть, можно нажать на любую область страницы правой кнопкой мыши и выбрать пункт – Посмотреть код:
В нижней части браузера появится панель и на ней выбираем вкладку – Консоль (console):
*также, эту консоль можно вызвать с помощью комбинации: Ctrl + Shift + J (это в Google Chrome, в других браузерах возможно по-другому).
Как видите на картинке выше, в консоли имеется запись:
PageView. Counter – дольше идет номер счетчика и адрес текущей страницы.
Далее я должен достигнуть цель, то есть нажать на баннер, после этого в консоли должна повиться запись, в которой будет отражен идентификатор цели:
Я нажал на баннер и идентификатор отобразился в консоли (top_banner), а значит цель настроена и установлена корректно.
5. Как изменить/удалить цель
Если вы хотите внести правку в уже созданную цель, то просто нажмите на карандашик напротив нужной цели:
Появится такое окно, после внесения правок нажмите – Ок:
Изменить можно название цели и её идентификатор, название можно менять “безболезненно” – его вы прописываете для себя, а вот при изменении идентификатора, его обязательно нужно заменить и в коде, помните об этом!
Для удаления цели просто нажмите на крестик справа от карандаша:
и внизу на кнопку – Сохранить:
6. Как добавить виджет цели в статистику
Что такое виджеты? Если говорить простым языком, то виджеты – это блоки (плитки) с какой-либо информацией в Яндекс метрике. Как правило, зайдя в Метрику вы можете наблюдать такие виджеты, как – “Посетители”, “Последняя поисковая фраза”, “Новые посетители” и так далее.
Но кроме всей имеющейся информации, нас конечно же интересует информация по целям, ведь главное не просто поставить цель, а отследить по ней статистику и сделать какие-то выводы.
Например, у меня на сайте есть баннер и стоит цель по кликам на этот баннер, если на него нажали 1 раз, то и цель будет достигнута 1 раз, если по нему нажали 400 раз, то и цель соответственно будет достигнута 400 раз.
Сейчас я покажу, как вывести виджет с информацией по количеству достигнутых целей.
Для этого необходимо зайти в Метрику нужного сайта и в левом меню выбрать пункт – Сводка:
Далее в правой части экрана нужно нажать на кнопку – Библиотека виджетов:
Перед вами появится всплывающее окно с тремя колонками:
- В первой колонке выбираем: Достижения целей и конверсия
- В средней: Количество достижений целей
- В правой колонке выбираем название нужной нам цели в выпадающем списке, в моем случае это – Верхний баннер хостинга
После этого внизу окна нажимает – Добавить виджет:
Появится предварительный просмотр с графиком и дополнительными настройками – здесь вы можете настроить вид графика, что вы хотите отображать на нем и так далее, в нашем случае ничего изменять не нужно, просто нажимает – Создать:
После этого в метрике появится новая плитка, которую вы можете перетащить в удобное вам место, зажав мышкой квадратики, отмеченные на картинке ниже:
Цифра 10 – это количество достигнутых целей за определенный период (у меня выбран месяц).
7. Почему не работают цели
В завершение статьи опишу распространенные причины, по которым цель может не работать, либо работать, но неправильно:
- Идентификатор цели в Яндекс Метрике и на сайте не совпадают;
- Добавили цель в Метрике, но забыли разместить код на сайте;
- В коде указан номер счетчика другого сайта
- Номер счетчика указан неверно (например, несуществующий счетчик)
- Изменили идентификатор цели в Метрике, но забыли изменить в коде (отсюда вытекает первая причина)
- Не происходит события, например, когда вы поставили цель на нажатие на кнопку, а на эту кнопку нельзя нажать (кнопка заблокирована, поверх кнопки располагается другой элемент – ошибка в верстке, и так далее)
Надеюсь, данная статья будет для вас полезной и у вас все получится. Если что-то будет не получаться, задавайте вопросы в комментариях – постараюсь помочь. Удачи!
Если вам нужна помощь в создании какого-либо функционала, сайта, сервиса, тестов или калькуляторов, то готов помочь, подробнее на странице услуг.