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

В качестве наглядности я сделал тестовую страничку, где есть простая форма отправки заявки, чтобы вы сами наглядно могли всё попробовать. Ссылки тоже все выдадим.

Браузер

Да, сначала нам понадобится браузер. А точнее парочка. Я в работе использую Google Chrome (кто-бы мог подумать) и Mozilla Firefox Developer Edition. Вы можете использовать вместо Chrome Яндекс.Браузер — он основан на Chrome и базовые функции у него точно такие же.

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

Собственно зачем нам Firefox? А чтобы удобно смотреть какие события у нас назначены на элементы и что там отправляется. Перейдём на нашу страничку с формой, правой кнопки мыши вызовем инспектор кода (правой кнопкой -> «Исследовать»), найдём нашу форму и увидим, что справа есть маленькая кнопочка event:

Давайте нажмём на неё и увидим, что там назначено на нашу форму:

Видим событие submit (это отправка формы), и у него есть какая-то функция что после отправки формы браузер заорёт «Ура», и видно в какой строке кода у нас всё это безобразие прописано. Это всё хорошо, но у нас же отправка цели должна быть! Кто-то не поставил, блин! Исправим этот момент, добавим цель на отправку формы.

Всё поправили, цель в метрику уходит (по-крайней мере, мы так думаем, чисто визуально). Также можно посмотреть события вроде клика на кнопку, скроллы, наведения мыши и вообще на что выдумка горазда у создателей элемента.

Если же мы попробуем до этого докопаться в Chrome, то путь будет долог и тернист. На мой взгляд это не очень удобно, Firefox хорошо с этим справляется. Если знаете быстрый способ для Chrome, то пишите в комментариях, расширим вместе знания.

Расширения, плагины, дебаги

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

«Жмём и пьём чай»

Самый простой и долгий способ. Суть такова: выполняем необходимые действия для достижения цели (т.е. жмём на кнопку), наливаем чай, залипаем в соцсети и минут через 15 заходим Я.Метрику посмотреть, а пришла ли наша цель. Пришла — хорошо, нет — новый чай и начинаем думать «а что случилось?», потом пробуем исправить, жмём и снова ждём. Жмём и ждём, жмём и ждём, вспоминаем про фильтр на IP-адрес, убираем, жмём и ждём… Итого за час 3-6 раз попьём чайку, и потратим кучу нервов и воды в санузле.

«Дебаггатор»

Где-то в далёкой-далёкой галактике справке Яндекс.Метрики существовал способ проверки работоспособности счётчика. Запомнить этот путь было сложно и честной народ тупо копировал. В чем собственно дело? А в том, что можно добавить параметр к урлу и активируются в консоли браузера цифры и буквы. Давайте перейдём вот так по ссылке https://gaga-analyze.ru/form.html?_ym_debug=1 и откроем консоль нашу (ок, уговорили, давайте в Chrome), нам понадобится непосредственно вкладка Console:

Находим user messages и видим, что нам написали, что есть просмотр нужного счётчика. Работает таки! Попробуем теперь с кликом:

«О! И этот тут есть! Класс! Это неудобно, давайте не пользоваться» — думаю вот так всё проверялось этим способом. Но знать мы про него должны, помнить, скорбить, это уже история.

«Дебаггатор 2: Судный клик»

И восстали машины из пепла ядерного огня.. Глубоко в недрах Яндекса зрел коварный план: хитрый Инспектор показывает всё наглядно, чем мы хуже, мы же не абы что. Зрел, зрел и созрел: встречай народ, дебаггер номер 2. Он будет красивый, говорили они… Ладно, без сарказма, тут действительно сделали нормально, и работающим в разных браузерах. Усовершенствует нашу ссылку https://gaga-analyze.ru/form.html?_ym_debug=2 и в нижнем правом уголке найдём маленький значок:

Нажмём и увидим панель внизу экрана, в которой есть несколько вкладок:

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

На этом сегодня всё, дорогие друзья! Надеюсь возьмёте на вооружение себе эти не хитрые инструменты и они принесут вам пользу! В следующих статьях расскажу подробно как проверить цели для Google, запрещенных соцсетей, Criteo и других, про пяточка и старого серого ослика. До новых встреч!