Метрика цель на кнопку

Метрика цель на кнопку

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

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

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

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

  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;»

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

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

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

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

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

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

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

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

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

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

Настройка не совсем стандартных целей потребует от нас умения создавать и подключать скрипты к сайту. Коротко разберем, как это делать исключительно для нашего примера.
Как создать скрипт: Создайте на рабочем столе текстовый документ, придумайте ему имя и измените расширение, чтобы получился файл типа imya_scripta.js — этот файл будет содержать наш скрипт. Теперь вставляйте в него нужный код и копируйте на ftp в папку со скриптами. (где лежат файлы с аналогичным расширением .js)
Как подключить скрипт: В файле index. html между тегами <head> … </head> пишите конструкцию <script src=»путь к файлу на фтп и сам файл»></script>.
Например, у меня все скрипты лежат в папке scripts/targets.

Пишем: <script src=»/scripts/targets/imya_scripta.js></script>
Постарался очень сжато, если нужно больше информации, заходите сюда.

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

  • Цель будет достигнута, если пользователь долистал страницу до конца. Помогает, когда у все важные страницы разной длины. $(document).bind(‘scroll_to_end’, function(){ yaCounter12345678 .reachGoal(‘scroll_to_end’); });

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

  • Передача данных с поиска по сайту (когда слова, вбитые пользователем в поисковую строку на сайте — передаются нам в Метрику) var myParams = { x: query /*значение поискового запроса*/ } var yaCounter12345678 = new Ya.Metrika({id:12345678, params: myParams});
  • Скрипт, для того, чтобы считать отказы для Landing page (так как там одна страница, все заходы могут быть «отказами»). Уже по привычной схеме, создаем js файл с кодом ниже: <script> setInterval(function(){ yaCounter12345678.reachGoal(‘on-click-10cek’); return true; }, 10000); </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 — Клиент отправил оффлайн-сообщение

Настройка цели «Нажатие кнопки» в «Яндекс.Метрике»

Цели в «Метрике» — один из настраиваемых параметров счетчика. Их можно создавать для любого учетного инструмента «Яндекса». Они могут использоваться в «Яндекс.Аудиториях», а также «Яндекс.Директе».

Для начала разберемся в основных понятиях.

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

Существует ряд понятий, напрямую связанных с целями:

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

Зачем на практике нужны цели в «Метрике»?

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

  • количество отказавшихся от покупок визитеров;
  • причины отказов;
  • этапы, на которых происходят подобные негативные явления, и т. д.

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

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

Чтобы создать цель, в меню «Яндекс.Метрики» выберите пункт «Настройки». Здесь есть раздел «Цели», в котором нужно выбрать пункт «Добавить цель». Дальнейшие шаги:

  1. Указать имя вновь создаваемого объекта в поле «Название».
  2. Выбрать, какой тип цели создается — ретаргетинговая или конверсионная. В первом случае потребуется активировать опцию «Ретаргетинг». Конверсионная цель создается автоматически, для нее не нужно ничего не включать.
  3. Выбрать вкладку с требуемым типом цели. Доступные варианты — количество просмотров, посещение страниц, JavaScript-событие, составная цель. Для кнопок используется «JavaScript-событие». Прописать условие достижения цели. Для JavaScript-событий необходимо указать значение идентификатора цели. Это текстовое значение, обычно осмысленное, отражающее отслеживаемое действие, например, для цели «Добавление в корзину» можно задать идентификатор «AddToCart».
  4. Нажать «Добавить цель», после чего она появится в общем списке целей.
  5. Сохранить внесенные изменения.

Далее настройка цели «Нажатие кнопки» предполагает вставку специального JavaScript кода в html-код соответствующей страницы, а точнее — в код нужной кнопки. Для этого потребуется найти необходимый фрагмент в исходном коде страницы, подготовить фрагмент для вставки и добавить его.

Код, используемый для кнопок и ссылок, выглядит следующим образом:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *