Интеграция с Яндекс Метрикой

← Назад к демо

🚀 Возможности системы

🎯

Цели метрики

Автоматическая отправка достижения целей при заполнении форм

📊

Пользовательские события

Отслеживание кастомных событий и параметров

⚡

Простая настройка

Достаточно указать ID счетчика в конфигурации

🔗

Совместимость

Работает с существующим кодом метрики на сайте

Важно: В этом примере используется тестовый ID счетчика (12345678). Замените его на ваш реальный ID счетчика Яндекс Метрики.

📋 Что отслеживается

NHLeads автоматически отправляет события в Яндекс Метрику при взаимодействии пользователей с модальными окнами:

👁️

Показ окна

Когда пользователь видит модальное окно

❌

Закрытие окна

Когда пользователь закрывает окно

📝

Отправка формы

При заполнении и отправке лид-формы

👆

Клики по кнопкам

При нажатии на любые кнопки в окне

💡 Лид-форма с отслеживанием

Модальное окно с формой, которая отслеживает все события в Яндекс Метрике.

const leadModal = new NHLeads({
    template: 'lead-form',
    title: 'Получите консультацию',
    text: 'Оставьте свои контакты для связи',
    yandexMetrica: {
        counterId: 12345678,
        goals: {
            show: 'modal_lead_show',
            hide: 'modal_lead_hide', 
            submit: 'modal_lead_submit',
            click: 'modal_lead_click'
        }
    }
});

🎯 Промо-баннер с частичным отслеживанием

Модальное окно, которое отслеживает только показы и клики.

const promoModal = new NHLeads({
    template: 'banner',
    title: 'Специальное предложение!',
    text: 'Скидка 30% на все товары',
    yandexMetrica: {
        counterId: 12345678,
        goals: {
            show: 'promo_banner_show',
            click: 'promo_banner_click'
            // hide и submit не указаны - не отслеживаются
        }
    }
});

📄 Простое окно без отслеживания

Обычное модальное окно без интеграции с Яндекс Метрикой.

const simpleModal = new NHLeads({
    template: 'action',
    title: 'Информация',
    text: 'Это обычное модальное окно без отслеживания'
    // yandexMetrica не указана - отслеживание отключено
});

📊 Параметры отслеживания

Вместе с целью в Яндекс Метрику отправляются следующие параметры:

🆔

modal_id

Уникальный ID модального окна

📋

modal_template

Тип шаблона (lead-form, banner, action)

🏷️

modal_title

Заголовок модального окна

🔘

button_type & button_text

Тип и текст кнопки (только для кликов)

🎯 Яндекс Метрика