Техническое задание на установку целей Яндекс Метрики через JavaScript-события

Базовая веб-аналитика видит только верхушку айсберга – переходы между URL-адресами и время проведенное на странице. Но самые важные конверсионные действия происходят внутри страницы, без ее перезагрузки.

Если вы не отслеживаете JS-события (клики по кнопкам, успешные отправки форм, взаимодействие с динамическими окнами), вы управляете рекламными кампаниями вслепую. Без точной передачи макроконверсий алгоритмы Яндекса и VK не смогут обучиться и оптимизировать ставки. Результат закономерен: бюджет слит, трафик нецелевой, лидов нет.

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

Основные типы целей: от простых URL до хардкора

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

1. Автоматические цели (Посещение страниц)

Это база для сбора горячих аудиторий ретаргетинга. Настраивается элементарно: вы просто указываете нужный URL в интерфейсе системы. Обязательно вешайте такие цели на информационные разделы:

• /contacts (Контакты)
• /delivery (Оплата и доставка)
• /return (Условия возврата)
• /portfolio (Портфолио)

Комбинируя эти аудитории, вы сможете строить сложные ретаргетинговые воронки (например, «догонять» тех, кто читал условия доставки, но не оставил заявку). Для их настройки код писать не нужно.

2. Событийные цели (JavaScript-события)

Здесь начинается настоящая работа. JS-цели вступают в игру там, где URL остается прежним, но происходит критически важное действие. В digital-маркетинге нас интересует лидогенерация, поэтому фокусируемся на следующих метриках.

Макроконверсии (Лиды):

• Успешная отправка формы. Вешать цель на простой клик по кнопке «Отправить» — диагноз. Пользователь нажмет кнопку, форма выдаст ошибку валидации (неверный формат телефона), цель засчитается, а лида в CRM не будет. Трекать нужно только успешную отправку (событие success).
• Прямые контакты. Часть аудитории ненавидит формы. Ловите их намерения через клики по номеру телефона (tel:), email (mailto:) и прямые переходы в Telegram/WhatsApp.

Воронка E-commerce:

Для интернет-магазинов базовая аналитика не работает от слова «совсем». Нужно прокидывать JS-цели на каждый микрошаг, чтобы находить узкие горлышки:

• Посетил товарную страницу.
• Добавил товар в корзину.
• Перешел к оформлению заказа (Checkout).
• Отправил данные для доставки.
• Нажал «Оплатить».

С теорией разобрались. Теперь переходим к практике: как создать индентификатор и упаковать его в ТЗ.

Инструкция: Как создать JS-цель в Яндекс.Метрике

Создание идентификатора цели в интерфейсе — это первый шаг к прозрачной аналитике.

1. Откройте нужный счетчик в Яндекс.Метрике.
   
2. Перейдите в раздел «Цели» (в левом боковом меню).
   
3. Нажмите кнопку «Добавить цель».
   
4. Название цели. Пишите коротко и однозначно, чтобы через год вы или другой подрядчик поняли, о чем речь.
   
5. В блоке «Тип условия» выберите «JavaScript-событие».
   
6. Идентификатор цели. Оставьте условие «совпадает» и пропишите идентификатор на английском языке. Используйте snake_case (слова разделяются нижним подчеркиванием). Для нашей цели подойдет: click_button_order.
   
7. Нажмите «Добавить цель».
   
8. Готово.
   

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

Для редактирования или удаления используйте иконки карандаша и крестика.

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

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

Действуйте по алгоритму:

1. Перейдите в настройки созданной цели (иконка карандаша).
   
2. Нажмите кнопку «Скопировать код». Это готовый кусок JavaScript, который должен срабатывать при действии пользователя.
   
3. Создайте текстовый документ (Google Docs или таск в трекере).
4. Оформите четкое ТЗ.

Шаблон идеального ТЗ на внедрение JS-цели:

1. Счетчик Метрики: [Укажите номер, например, 12345678]
2. Название цели: Клик по номеру телефона в шапке.
3. Условие срабатывания: Клик левой кнопкой мыши или тап с мобильного устройства.
4. Расположение элемента: Шапка сайта (header), URL: [Укажите адрес сайта].
5. Скриншот: [Прикрепите скриншот с выделенным элементом]
6. Код для установки: [Вставьте скопированный код из Метрики]

Передайте этот файл разработчику. С такой формулировкой вопросов не возникнет, а статистика начнет собираться корректно и без дублей.

Нужна помощь с созданием или сложной установкой целей? Если стандартные методы не работают, формы написаны на костылях, а отслеживать конверсии нужно уже сейчас — обращайтесь в digital-агентство AiR. Мы настроим сквозную аналитику и передачу данных так, что ни один потенциальный клиент не потеряется на пути к сделке.