Приветствую! Предлагаю сегодня поразбираться в таком техническом вопросе, как отслеживание статистики кликов и подписок на лендинге по 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 совпадает» – указать ссылку на вашу страницу после активации подписки. На эту страничку происходит автоматическая переадресация новых подписчиков.
А вот отчет по достижению цели «Клик по ссылке ВК», также в привязке с метками:
С помощью таких вот отчетов по меткам и целям наглядно видна конверсия в подписку (или клик по ссылке/кнопке) из того или иного рекламного канала.
Дополнительно можно зайти в отчет Вебвизора, где достижения целей показаны по конкретному посетителю. Вы можете увидеть, из какой страны, браузера, устройства был визит, сколько времени человек провел на сайте… А также воспроизвести визит на видео.
В последнем столбце можно нажать на информер для детализации информации по визиту, в том числе вы увидите метку, по которой был визит:
Друзья, буду рада, если данная инструкция вам пригодилась
Успехов Вам!
P.s. А еще, вы можете забрать в подарок бесплатную пошаговую PDF-инструкцию по увеличению продаж ВКонтакте в 2-3 раза с помощью вирусной рекламы и лид-магнитов. Просто скачайте ее здесь
автор инструкции Виктория Карпова
