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

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

Вообще, вариантов целей в Метрике не очень много, но их использование может быть весьма гибким. Существует 4 основных способа постановки целей:

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

Теперь поочередно разберем как настраивать цели в Метрике и как их использовать

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

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

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

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

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

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

Как настроить цель в Метрике: количество просмотров

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

1. Настройки
2. Цели
3. Добавить цель
4. Придумываем понятное название
5. В поле просмотр ставим интересующее количество страниц
6. Жмем «Добавить»

Если все в порядке, мы увидим свою первую цель в списке. Не забываем нажать желтую кнопку «Сохранить». Через несколько минут все заработает!

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

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

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

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

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

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

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

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

 

Про условия:

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

 

Цель в Метрике: JavaScript событие

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

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

• Можно настроить событие «нажатие кнопки „Заказать/купить/добавить в корзину“».
• Можно поставить целью успешную передачу данных через какую-либо форму: обратная связь, регистрация, комментарий и прочее.
• Если у вас интернет-магазин, то можно отслеживать сколько раз товар добавляли к сравнению.
• Если на сайте есть что-то, подразумевающее выбор: чек-лист, перечисление характеристик товара (например, комплектация автомобиля), можно отследить какие кнопки нажимают чаще остальных.
• Переходят ли по кнопкам соц. сетей на сайте.
• Если хотите проверить заинтересованность какой-то конкретной информацией на странице, можно скрыть этот блок за кнопкой «показать что-то» и проверить, как часто эту информацию запрашивают. Запутанно, но вот пример Авито: когда вы заходите на какое-то объявление, там телефон скрыт. Если нажать на кнопку «показать телефон», то он появляется и действие записывается.
  До:

   

  

  После:

  

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

Из жизни:

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

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

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

1. Настройки
2. Цели
3. Добавить цель
4. Придумываем название, например: «Кнопка заказать»
5. Выбираем JavaScript событие
6. Придумываем идентификатор, например: «buttonZakazat». 

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

7. Жмем ОК

 

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

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

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

onclick="yaCounter12345678.reachGoal ('Nazvanie_Identifikatora'); return true;"

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

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

 

1	onclick="yaCounter12345678.reachGoal ('Nazvanie_Identifikatora', goalParams, goalCallback); return true;"

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

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

   Важно!

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

    

    

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

 

Пример кода кнопки:

 

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

 

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

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

 

 

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

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

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

 

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

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

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

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

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

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

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

 

Проверка целей Метрики

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

 

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

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

 

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

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

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

 

Пишем: <script src="/scripts/targets/imya_scripta.js></script>

Постарался очень сжато, если нужно больше информации, заходите сюда.
 

 

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

• Цель будет достигнута, если пользователь долистал страницу до конца. Помогает, когда у все важные страницы разной длины.
  

  1	$(document).bind('scroll_to_end', function(){ yaCounter12345678 .reachGoal('scroll_to_end'); });

  Это дописываем к счетчику Метрики в index. html, перед закрывающим тегом </script> и, само собой, заменяем цифры на свой счетчик и значением reachGoal пишем идентификатор цели.

• Передача данных с поиска по сайту (когда слова, вбитые пользователем в поисковую строку на сайте — передаются нам в Метрику)
  

  1	var myParams = {

  2	x: query  /*значение поискового запроса*/

  3

  }

  4	var yaCounter12345678 = new Ya.Metrika({id:12345678, params: myParams});

• Скрипт, для того, чтобы считать отказы для Landing page (так как там одна страница, все заходы могут быть «отказами»). Уже по привычной схеме, создаем js файл с кодом ниже:
  

  1

  <script>

  2	setInterval(function(){

  3	yaCounter12345678.reachGoal('on-click-10cek'); return true;

  4	}, 10000);

  5

  </script>

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

document.body.onmouseover = handler;
function handler(event) {
if (event.type == 'mouseover') if (event.target.className == 'element')
{reacGoal456123("identifikator"); return true; }
}

Затем подключаем код как обычно. Теперь, нам нужно связать код с интересующим элементом. Как найти код элемента сайта мы уже разбирали выше. Когда нашли, нужно добавить к открывающему тэгу <div>, который идет перед кодом элемента, класс. Я их выделил красным.

<div class="element">
Код отслеживаемого элемента
</div>

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

• Посетитель скопировал какую либо информацию с вашего сайта (например, если у вас своруют текст с главной — вы можете оперативно проверить его уникальность, на предмет воровства)

  Скрипт:

<script>
function funCopy() {
yaCounter12345678.reachGoal('ukrali'); return true;
}
</script>

Подключаем к html

Теперь в файле index. html выбираем самый первый <div> после <body> и приписываем к нему onCopy="funCopy ();" id="id1"

<div onCopy="funCopy ();">

На всякий случай, еще раз. Везде в конструкции reachGoal (‘chto-to') в скобках и кавычках модификатор события, который создаем в Метрике

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

1. Jivo_Chat_requested — Чат запрошен клиентом.
2. Jivo_Chat_established — Установлен диалог клиента с агентом. 1 и 2 пункты обычно являются двумя шагами составной цели. Получается цепь: клиент пишет в онлайн чат — > конслуьтант отвечает клиенту.
3. Jivo_Proactive_invitation_accepted — Клиенту отобразилось приглашение.
4. Jivo_Proactive_invitation_rejected — Клиент закрыл приглашение крестиком.
5. Jivo_Proactive_invitation_shown — Клиент принял приглашение, написав сообщение в ответ.
6. Jivo_Offline_form_shown — Клиенту отображена форма для отправки сообщения на e-mail, когда нет операторов в онлайне
7. Jivo_Offline_message_sent — Клиент отправил оффлайн-сообщение