Как отслеживать переходы на лендинг и конверсии (подписку, клик по кнопке) в Яндекс.Метрике по utm-меткам?

Приветствую! Предлагаю сегодня поразбираться в таком техническом вопросе, как отслеживание статистики кликов и подписок на лендинге по utm-меткам через Яндекс.Метрику.

А конкретно:

• Покажу, как использовать компоновщик utm-меток для ссылки на лендинг (страницу подписки),
• Как отслеживать статистику по utm-меткам в Метрике.
• Как настроить цели – javascript- событие на подписку через подписную форму и клик по ссылке (например, если вы предлагаете подписку в ВК).
• Как отслеживать статистику по достижению целей в Метрике в привязке с utm-метками.

Вы можете посмотреть мой наглядный видеоурок по этой теме:

Начнем с компоновщика utm-меток для ссылки

Он нужен для того, чтобы вы могли отслеживать статистику при рекламе из разных источников – например, переходы на лендинг, подписки через подписную форму, клики по ссылкам или кнопкам. В интернете много разных компоновщиков, чтобы их найти, достаточно ввести в поисковую строку фразу «компоновщик utm-меток».

Я покажу процесс создания ссылки с метками на примере вот этого компоновщика: tilda.cc/ru/utm/

В первой строке указываем рекламную ссылку – в моем примере это ссылка на страницу подписки.

Ниже можно выбрать конкретный источник трафика из предложенных, или оставить «Свои значения».

В строке utm_source указываем источник трафика – например, vkontakte.

В строке utm_medium указываем тип трафика – для ВК это может быть rassilka, target, gruppa, cpc (оплата за клики), cpm (оплата за показы) и т.д.

В строке utm_campaign можно указать название вашей рекламной кампании (что вы рекламируете).

*Заполняйте понятными для себя обозначениями.

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

В строке utm_content можно указать тип контента, например: post, banner и т.д.

В строке utm_term указать дату или ключевое слово.

Все данные в компоновщике лучше заполнять латиницей, не использовать в словах пробелы и сторонние символы.

Когда заполните данные, в строке «Результат» нажмите «Копировать».

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

Чтобы данные по меткам передавались в Яндекс.Метрику, на рекламируемой странице нужно установить счетчик. Создайте и настройте его, затем установите на сайт.

Чтобы дополнительно настроить счетчик, кликните внизу под кодом «Перейти к настройке целей».

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

Теперь рассмотрим, как добавить цели. Я покажу на примере 2 целей – подписка через email-форму и клик по ссылке.

Для этого перейдем во вкладку «Цели», нажмем «Добавить цель».

Первую цель создадим для формы подписки.

Указываем ее название, например «Подписка емейл». Тип события выбираем JavaScript-событие. И указываем идентификатор – латиницей и без пробелов. У меня это «form». Нажимаем «Добавить цель».

Дальше создадим вторую цель – клик по ссылке. У меня на подписной есть ссылка на дополнительные полезные материалы во Вконтакте, мне интересно отследить и переходы по ней. Поэтому на примере этой ссылки и разберем.

Снова нажимаем «Добавить цель», указываем название, например – «клик по ссылке ВК» и выбираем тип события. Здесь тоже можно выбрать JavaScript-событие и указать идентификатор цели. Не забудьте нажать «Добавить цель».

Добавленные цели отобразятся в списке. А чтобы они работали, понадобится указать определенные параметры в коде лендинга. Это мы разберем чуть дальше.

Кстати, для отслеживания переходов по той или иной ссылке на лендинге подойдет тип события «Посещение страниц».

В таком случае, выбираем параметр url совпадает и указываем ссылку, по которой хотим отслеживать клики.

Для этого типа целей, в отличие от JavaScript-событие, не понадобится добавлять в код ссылки на лендинге никаких дополнительных параметров.

Теперь возвращаемся на вкладку «Счетчик», чтобы скопировать его код и добавить на сайт.

Устанавливайте счетчик на сайт после того как его полностью настроите и создадите цели. Если будете что-то редактировать в настройках, то не забывайте переустанавливать счетчик на сайте.

Как его установить?

Если у вас исходник сайта в формате html или php, откройте его для редактирования и поставьте код счетчика до закрывающего тега </head>, или после открывающего тега <body>.

На примере ниже код счетчика добавлен после открывающего тега <body>:

Для редактирования сайт можно открыть в блокноте Notepad++ или непосредственно на хостинге, если ваш хостинг поддерживает такую возможность.

Как установить идентификатор цели в форму подписки?

Для этого в форму нужно добавить следующую строчку:

onsubmit="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"

где:

ХХХХХХХХ – это номер вашего счетчика, а TARGET_NAME – идентификатор цели. Замените их своими данными.

Номер счетчика можно узнать в разделе «Счетчики» рядом с названием вашего счетчика. Оттуда же его и скопировать.

А идентификатор цели скопировать во вкладке «Цели», напротив цели, которую мы создавали на подписку.

Куда добавлять эту строчку? Нужно открыть код лендинга для редактирования и в коде формы подписки найти похожий фрагмент:

Идентификатор цели добавляется после пробела.

У меня это выглядит так (форма подписки от Джастклика):

увеличьте кликом

Как установить идентификатор цели в ссылку или кнопку?

Я покажу на примере ссылки, в код которой нужно добавить следующую строчку:

onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"

где:

ХХХХХХХХ – это номер вашего счетчика, а TARGET_NAME – идентификатор цели.

В коде находим нужную ссылку (ссылки в коде помечаются тегом <a href=»…» </a>)и добавляем этот фрагмент после пробела.

У меня это выглядит так:

увеличьте кликом

Если вам нужно поставить идентификатор именно в кнопку, то тогда можно воспользоваться примером добавления на скриншоте ниже. Вам нужно найти код кнопки (за нее отвечают теги <button></button> и по аналогии встроить идентификатор цели.

Или другой пример добавления цели в кнопку:

Где в Метрике смотреть отчеты по меткам?

Вам нужно кликнуть по названию вашего счетчика в списке, перейти в «Отчеты» – «Стандартные отчеты» – «Источники» – «Метки UTM».

Здесь вы, во-первых, можете отсортировать отчеты за интересующий вас период времени.

А ниже увидите, как распределилась статистика по меткам:

В виде графика с детализацией визитов по дням:

А также в виде таблицы:

В первом столбце отобразятся ваши метки (для детализации кликаем по плюсику), а далее:

• визиты (все переходы),
• посетители (только уникальные переходы),
• показатель отказов (если посетитель провел на лендинге менее 15 секунд),
• глубина просмотра (количество просмотренных страниц, если одностраничник, то прокрутки экранов),
• и проведенное на сайте время.

А чтобы посмотреть данные по достижению целей в привязке к меткам, кликните по вкладке «Выберите цель».

Нажмите на интересующую цель, и данные отсортируются только по ней. Вы увидите, из каких именно рекламных меток были достижения той или иной цели и процент конверсии (соотношение визитов и достижений цели).

Ниже мой пример отчета по цели «Подписка емейл». Больше всего достижений цели (как и визитов) было по метке «jumpout» – это всплывающее окно на моем блоге.

Конверсия 100% получилась по метке из магазина на сайте 100 курсов – 1 человек зашел и 1 подписался.:)

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

Более точно отследить подписки можно, если настроить в Метрике цель «Посещение страниц». И в строке «url совпадает» – указать ссылку на вашу страницу после активации подписки. На эту страничку происходит автоматическая переадресация новых подписчиков.

А вот отчет по достижению цели «Клик по ссылке ВК», также в привязке с метками:

С помощью таких вот отчетов по меткам и целям наглядно видна конверсия в подписку (или клик по ссылке/кнопке) из того или иного рекламного канала.

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

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

Друзья, буду рада, если данная инструкция вам пригодилась. А если у вас есть вопросы, то задавайте их в комментариях.

Успехов вам!

С уважением, Виктория Карпова