Курс «Режим разработчика для интернет-маркетолога», урок 3 из 5
Автостратегии в Директе и VK Рекламе учатся на конверсиях. Если цель не срабатывает или срабатывает не там, алгоритм оптимизирует рекламу вслепую, а вы платите за это. Проверить, что счётчики и цели работают, можно за пять минут прямо в браузере.
Счётчик Метрики или пиксель VK Рекламы — это небольшой скрипт. Работает он в два шага. Сначала браузер загружает сам код счётчика: для Метрики это файл tag.js с адреса mc.yandex.ru, для пикселя VK — code.js с top-fwz1.mail.ru. Затем этот код отправляет данные: «открыта страница», «достигнута цель», «посетитель провёл на сайте две минуты». Каждая отправка — это отдельный запрос.
Все запросы страницы видны во вкладке Network. Если загрузка кода прошла, а отправок нет — счётчик стоит, но не работает. Если нет и загрузки — счётчика на странице нет вовсе.
mc.yandex, чтобы оставить только Метрику, или mail.ru для пикселя VK.200 — всё хорошо, 404 — файл не найден, (failed) — запрос не прошёл. Красные строки — первое, на что стоит смотреть.Перед вами все запросы, которые сделала страница при загрузке. Разберитесь, какие счётчики стоят на сайте и все ли работают.
Проверяйте в режиме инкогнито. Блокировщики рекламы и некоторые расширения режут счётчики и пиксели. В окне инкогнито (Ctrl+Shift+N) расширения по умолчанию выключены, и вы увидите сайт как обычный посетитель без блокировщика.
Цель в Метрике — это тоже запрос. Когда посетитель отправляет форму или кликает по кнопке, код на сайте сообщает Метрике идентификатор цели, и счётчик отправляет запрос watch. В его параметре page-url вместо адреса страницы стоит что-то вроде goal://сайт/form_submit. По этой записи цель и узнают.
Подвох в том, что после отправки формы сайт часто перебрасывает на страницу «Спасибо». При переходе Network очищает список, и запрос цели пропадает раньше, чем вы успеете его увидеть. Решение — галочка Preserve log на панели Network: с ней журнал сохраняется при переходах между страницами.
Клиент жалуется: заявки приходят, а цель «Отправка заявки» в Метрике показывает ноль. В Метрике она настроена на идентификатор form_submit. Выясним, в чём дело.
Искать нужный запрос в Network не всегда удобно. У Метрики есть режим отладки: допишите к адресу страницы ?_ym_debug=1 и обновите её. Если в адресе уже есть параметры (знак ?), добавьте &_ym_debug=1. После этого Метрика начнёт писать во вкладку Console всё, что отправляет: просмотры страниц, цели и их идентификаторы, параметры визитов.
Цель можно отправить и вручную, без заполнения формы. Для этого в консоли вызывают функцию Метрики:
ym(12345678, 'reachGoal', 'form_submit')
Здесь 12345678 — номер счётчика, reachGoal — команда «цель достигнута», form_submit — идентификатор цели. Так удобно проверить, что цель правильно настроена в интерфейсе Метрики. Срабатывание будет настоящим и попадёт в статистику, поэтому заранее включите в Метрике фильтр «Не учитывать мои визиты».
Красные ошибки в консоли тоже важны. Если скрипт на сайте падает с ошибкой раньше, чем доходит до отправки цели, цель не сработает, хотя заявка уйдёт. Видите красное в Console рядом с формой — покажите разработчику.
Адресная строка в этом тренажёре работает: в неё можно кликнуть и дописать параметр.
Когда человек приходит по рекламе, в адресе есть UTM-метки, а у Директа ещё и параметр yclid, если включена разметка ссылок для Метрики. Но стоит посетителю перейти на другую страницу, и меток в адресе уже нет. Чтобы заявка всё равно ушла в CRM с источником, сайт запоминает метки в браузере.
Запоминать можно в двух местах, оба видны во вкладке Application:
_ym_uid — идентификатор посетителя в Метрике (ClientID).ClientID стоит передавать в CRM вместе с заявкой. Тогда сделку из CRM можно связать с визитом в Метрике и загрузить офлайн-конверсии обратно в рекламу.
Вы перешли на сайт по рекламной ссылке из Директа и оставили тестовую заявку. А в CRM она пришла с меткой utm_source=test. Разберёмся почему.
В Метрике есть цель «Клик по кнопке», и для неё иногда нужен CSS-селектор — «адрес» элемента на странице. Получить его можно в DevTools: правой кнопкой по элементу в дереве Elements → Copy → Copy selector. Селектор скопируется в буфер обмена, его останется вставить в настройки цели.
Будьте осторожны с селекторами вида #rec123456789 > div > a. Цифры в них — номер блока в конструкторе, и если блок пересоздать, селектор перестанет работать. Надёжнее селектор по понятному классу или атрибуту, например a[href^="tel:"] для всех ссылок-телефонов. Проверить его можно поиском в Elements: Ctrl+F и вставить селектор — сразу видно, сколько элементов он находит.
А для звонков, писем, мессенджеров и отправки форм в Метрике есть автоматические цели: их не нужно настраивать вручную, достаточно включить в настройках счётчика.
tag.js и запросы watch к mc.yandex.ru._ym_debug=1.Откройте свой сайт в окне инкогнито по ссылке с UTM-метками. Найдите в Network все счётчики и пиксели, отправьте тестовую заявку с включённым Preserve log и убедитесь, что цель ушла с правильным идентификатором. Затем посмотрите, с какими метками заявка пришла в CRM или на почту.
Разберём Lighthouse и Core Web Vitals, посмотрим сайт глазами посетителя с медленным мобильным интернетом и найдём тяжёлые картинки и скрипты, которые съедают конверсию.