Просмотр блока с ценой и глубина прокрутки как цели в Яндекс.Метрике

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

Две полезные цели для такого анализа это просмотр блока с ценой и глубина прокрутки страницы. Они отвечают на вопросы: доходят ли люди до тарифов и до какого места страницы они читают. В статье мы подробно разберём, как настроить такие цели на примере ХостСМС и Яндекс.Метрики, как их читать, как использовать в работе с рекламой и как не обмануться красивыми цифрами.

Зачем отслеживать просмотр цены и прокрутку, если есть цели на заявки

Цель на заявку показывает, сколько людей дошло до конца. Но она не объясняет, почему остальные не дошли. Представьте, что на странице услуги две тысячи посетителей в месяц, а заявок двадцать. Конверсия один процент, и непонятно, много это или мало и что менять. Если добавить цели промежуточных шагов, картина проясняется. Допустим, цену видят шестьсот человек, то есть треть посетителей, и из них двадцать оставляют заявку. Тогда понятно, что слабое место находится не в самой цене, а в том, что две трети людей до неё не добираются. Меняйте структуру страницы и поднимайте блок выше, а не пересматривайте тарифы.

Другая ситуация: цену видят почти все, а заявок всё равно мало. Значит, дело либо в уровне цен, либо в том, как они поданы, либо в доверии, ведь посетитель посмотрел стоимость и не получил достаточно причин нажать на кнопку. В этом случае вы работаете над содержимым блока: добавляете состав услуги, примеры, отзывы, гарантии, понятный призыв к действию. Таким образом, промежуточные цели превращают расплывчатое ощущение «страница плохо работает» в конкретную задачу.

Ещё одно преимущество: промежуточные цели накапливают данные быстрее. Заявок мало, и на их основе трудно сравнивать варианты страниц или рекламные кампании, потому что слишком мало событий для надёжных выводов. Просмотры блоков и глубина прокрутки случаются в разы чаще, и по ним можно судить о качестве трафика уже через неделю-две. Это особенно ценно для небольших бизнесов с ограниченным потоком посетителей.

Какие бывают цели в Яндекс.Метрике и что выбрать

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

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

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

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

Как настроить цель «просмотр блока с ценой»

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

На практике это делается так. Сначала вы помечаете блок с ценой уникальным признаком, например, идентификатором или специальным названием класса, чтобы его можно было найти. В ХостСМС это можно сделать, отредактировав шаблон страницы услуги или добавив нужный признак к блоку в визуальном редакторе в режиме исходного кода. Затем разработчик добавляет на страницу небольшой скрипт, который следит за появлением блока в окне и при первом достаточном появлении отправляет в Метрику событие с понятным именем. После этого в интерфейсе Метрики вы создаёте цель с условием «скриптовое событие» и указываете имя события.

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

Не забудьте проверить цель после настройки. Откройте страницу в режиме инкогнито, прокрутите её до блока с ценой и убедитесь в отчёте о достижении целей, что событие зафиксировалось. Повторите проверку на телефоне, потому что мобильная версия может быть устроена иначе и блок оказаться в другом месте. Проверьте также, что событие не срабатывает при загрузке, когда блок ещё далеко, и не срабатывает много раз подряд при прокрутке туда-обратно.

Для разных страниц услуг удобно использовать одну и ту же цель с параметрами. Тогда в отчётах можно будет смотреть общую картину по всем услугам и детализировать по каждой отдельно. В 1С-Битрикс и ВордПресс принцип идентичен: найти блок, пометить его, подключить отправку события. Разница только в том, где правится шаблон.

Как настроить глубину прокрутки

Глубина прокрутки показывает, какую часть страницы посетитель увидел. Метрика сама по себе не создаёт такой цели по умолчанию, но в ней можно настроить события на достижение определённых отметок. Обычно выбирают несколько точек: двадцать пять, пятьдесят, семьдесят пять и девяносто пять процентов высоты страницы. Скрипт отслеживает прокрутку и при достижении каждой отметки один раз отправляет событие с соответствующим названием. В итоге вы видите, как посетители распределяются по глубине: сколько дошло до середины, сколько до конца.

Здесь появляется важная тонкость: проценты высоты страницы сравнивать между разными страницами нельзя. На коротком лендинге пятьдесят процентов это два экрана, на длинной статье пятьдесят процентов это десять экранов. Поэтому глубину прокрутки удобнее привязывать к смысловым блокам: дошёл до описания услуги, дошёл до цены, дошёл до отзывов, дошёл до формы. Процентные отметки полезны для грубой оценки и для сравнения версий одной и той же страницы, а смысловые отметки для принятия решений.

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

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

Как читать отчёты: конверсия, воронка и сегменты

Когда цели набрали данные, откройте отчёт по достижению целей и посмотрите на три цифры для каждой ключевой страницы: сколько было визитов, сколько из них дошли до блока с ценой, сколько оставили заявку. Это простая воронка, и она уже даёт много пищи для размышлений. Разделите числа друг на друга: доля увидевших цену от всех визитов, доля обратившихся от увидевших цену. Первая цифра говорит о том, насколько удачно устроена страница и насколько заинтересован трафик, вторая о том, насколько убедительно предложение.

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

Обязательно используйте сегменты. Разделите данные по источникам: поиск, реклама в Яндекс Директе, переходы из Яндекс Бизнеса, переходы из 2ГИС, прямые заходы. Выяснится, что люди из разных источников ведут себя по-разному. Посетители из карточек на картах часто сразу идут к контактам и ценам, они готовы обратиться и нуждаются в минимуме информации. Посетители из рекламы по общим запросам читают дольше и сравнивают. Посетители из нейропоиска нередко приходят уже с готовым ответом на вопрос и ищут подтверждение на странице. Эти различия подсказывают, как выстраивать страницы под каждую аудиторию.

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

Итоговые цифры сопоставляйте с реальными продажами. Загрузите данные из СРМ, Битрикс24 или амоСРМ в Метрику или сравнивайте вручную: сколько заявок с каждой страницы дошло до сделки. Нередко выясняется, что страница с высоким просмотром цены даёт много обращений, но малую долю сделок, потому что цена отпугивает уже на этапе переговоров. А другая страница с меньшим числом заявок приводит более качественных клиентов. Такая картина помогает оценивать не количество обращений, а их стоимость и окупаемость.

Как не обмануться: типичные ловушки

Первая ловушка: цифры выглядят красиво, но сами цели настроены неверно. Событие срабатывает при загрузке, а не при просмотре, и вам кажется, что цену видят сто процентов посетителей. Или, наоборот, блок на телефоне не попадает в зону отслеживания, и цель почти не срабатывает. Проверяйте каждую цель вручную на разных устройствах и регулярно, особенно после изменений шаблона. Любая правка вёрстки может сломать привязку события к блоку.

Вторая ловушка: роботы и внутренний трафик. Автоматические посетители и ваши собственные сотрудники искажают данные, особенно на небольших объёмах. Исключите внутренние заходы с помощью фильтров по адресам или меток, а в настройках Метрики включите фильтрацию роботов. Проверьте, что тестовые заявки сотрудников отмечаются отдельно, иначе они будут засчитаны как реальные обращения и исказят стоимость заявки.

Третья ловушка: слишком малая выборка. Если за неделю на странице было сорок визитов, процентные доли будут скакать от недели к неделе, и сравнивать две версии страницы по таким данным бессмысленно. Накапливайте данные за месяц и больше, а сравнивайте периоды одинаковой длины и сопоставимого состава трафика. Не меняйте несколько вещей одновременно: если вы перенесли блок с ценой, изменили текст и поменяли рекламу, вы не узнаете, что именно сработало.

Четвёртая ловушка: смешивание причин и следствий. Глубина прокрутки сама по себе не цель. Если вы искусственно удлините страницу или добавите анимацию, прокручивать будут больше, но заявок не прибавится. Не оптимизируйте промежуточный показатель ради него самого. Ориентируйтесь на заявки, их стоимость и долю дошедших до сделки, а промежуточные цели используйте как диагностику, а не как конечный результат.

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

Как это связано с продвижением 3 в 1

Подход «3 в 1» предполагает, что заявки приходят из трёх точек: из поиска, где сайт находят в обычной выдаче и в ответах нейропоиска, из карточки в Яндекс Бизнесе и Яндекс Картах и из карточки в 2ГИС. Цели на просмотр цены и прокрутку помогают понять, какой из этих каналов приводит людей, готовых к покупке. Для этого размечайте все ссылки из карточек метками: отдельно для Яндекс Бизнеса, отдельно для 2ГИС, отдельно для рекламы. В отчётах по целям вы сможете увидеть, как ведут себя посетители из каждого источника и сколько из них дошло до цены и до заявки.

Не забывайте, что часть обращений из карточек вообще не доходит до сайта: люди звонят прямо оттуда или строят маршрут. Поэтому подключите отдельные номера телефонов для каждой карточки и учитывайте звонки с помощью Коллтач или Каллибри наравне с формами. Тогда общая картина будет честной: сколько всего обращений пришло с сайта, сколько с Яндекс Карт, сколько из 2ГИС, какова стоимость и качество каждого потока.

Данные о просмотре цены полезны и для нейропоиска. Если вы видите, что посетители охотно изучают блок с ценами, значит, его формулировки понятны, и их стоит оформить так, чтобы нейропоиск мог процитировать: прямые ответы на вопросы «сколько стоит», факты о составе услуги и сроках, оформленные обычным текстом. Когда цены на сайте, в карточке на Яндекс Картах и в 2ГИС совпадают, доверие растёт на каждом шаге, и клиент спокойнее принимает решение.

Пример и план внедрения на две недели

Возьмём обезличенный пример. Компания оказывает услуги по ремонту оборудования, у неё есть страница услуги с описанием, тарифами, отзывами и формой. Трафик идёт из поиска, из рекламы и из двух карточек на картах. Заявок немного, и непонятно, как их увеличить. Владелец настраивает три цели: просмотр блока с тарифами, глубина прокрутки до отзывов и отправка формы, плюс отдельный учёт звонков. Через месяц выясняется, что тарифы видят около трети посетителей, до отзывов добирается пятая часть, а из увидевших тарифы заявку оставляет заметная доля. Вывод: сам блок работает хорошо, а проблема в том, что он находится слишком низко. Компания переносит тарифы в верхнюю часть страницы, сокращает вводный текст и оставляет подробности ниже. Через месяц доля увидевших тарифы заметно выросла, число заявок вместе с ней, а стоимость заявки в рекламе снизилась.

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

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

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

Вывод

Просмотр блока с ценой и глубина прокрутки позволяют увидеть то, что скрыто между заходом на сайт и заявкой: где люди теряются, что их удерживает и в каком месте страницы им нужна подсказка. Настройте события для ключевых блоков, создайте на их основе цели в Яндекс.Метрике, читайте отчёты по источникам и устройствам и не забывайте сопоставлять цифры с реальными сделками из СРМ. Помните о ловушках: неверно настроенные события, внутренний трафик, малые выборки и погоня за промежуточными показателями. Учитывайте все три точки, откуда приходят обращения, поиск, Яндекс Бизнес и 2ГИС, и анализируйте их раздельно, ведь только так видно, какой из каналов приносит заявки, а какой лишь создаёт шум.

Если вы хотите настроить такие цели, но не уверены, с чего начать, обратитесь за бесплатной консультацией к специалистам компании «Сайты Профессионально». Мы посмотрим вашу Яндекс.Метрику, подскажем, какие цели действительно нужны именно вашему сайту, поможем настроить отслеживание цены и прокрутки в ХостСМС и других системах и покажем, как связать цифры с количеством обращений из поиска, с карт и из 2ГИС и со стоимостью каждой заявки.