Настройка целей Яндекс.Метрики на 1С-Битрикс
Метрика предлагает два вида целей: JavaScript-события (вы сами вызываете ym(id, 'reachGoal', 'target')) и автоцели (клики по кнопкам, отправки форм, переходы по ссылкам — Метрика определяет сама). Автоцели работают ненадёжно на Битрикс-сайтах с AJAX-компонентами: Метрика не всегда видит динамически подставленные элементы. Для точного учёта конверсий нужно настраивать JavaScript-цели вручную.
Идентификатор счётчика и вызов целей
Код счётчика Метрики содержит ym(XXXXXXXX, 'init', {...}). После инициализации для достижения цели вызывается:
ym(XXXXXXXX, 'reachGoal', 'IDENTIFIER');
Идентификатор (IDENTIFIER) задаётся в интерфейсе Метрики при создании цели, тип — «JavaScript-событие».
Подключение к событиям Битрикс
Оформление заказа. Компонент sale.order.ajax после успешного создания заказа вызывает BX.onCustomEvent('OnSaleOrderComplete', ...). Перехватываем:
BX.addCustomEvent(document, 'OnSaleOrderComplete', function(data) {
ym(XXXXXXXX, 'reachGoal', 'ORDER_COMPLETE', {
order_id: data.ORDER_ID,
order_price: data.PRICE
});
});
Формы обратной связи (bitrix:main.feedback, Веб-формы модуля form):
BX.addCustomEvent('onWebFormSuccess', function(form) {
ym(XXXXXXXX, 'reachGoal', 'FORM_SUBMIT');
});
Для старого компонента bitrix:form.result.new событие отправки — сабмит формы с классом .bx-form, обрабатываемый через делегирование на document.
Добавление в корзину — компонент catalog.element при клике на кнопку вызывает BX.onCustomEvent('OnSuccessAdd2Basket', ...):
BX.addCustomEvent('OnSuccessAdd2Basket', function(item) {
ym(XXXXXXXX, 'reachGoal', 'ADD_TO_CART');
});
Составные цели
Метрика поддерживает составные цели — цепочку шагов. Для воронки оформления заказа настраивают 3–4 шага:
| Шаг | Идентификатор | Событие в Битрикс |
|---|---|---|
| 1. Корзина | BASKET_VIEW |
Посещение /basket/ |
| 2. Оформление | CHECKOUT_START |
Клик «Оформить заказ» |
| 3. Оплата | PAYMENT_SELECT |
Выбор способа оплаты |
| 4. Заказ оформлен | ORDER_COMPLETE |
OnSaleOrderComplete |
Первые два шага можно закрыть URL-условием в интерфейсе Метрики (тип цели «Посещение страниц»), шаги 3 и 4 — только через JavaScript.
Проверка срабатывания
В интерфейсе Метрики: Отладка → Проверка отправки данных — показывает события в реальном времени. В браузере через Network-вкладку ищем запрос к mc.yandex.ru/watch/ с параметром rn=reachGoal....
Что настраиваем
- Цели по типам: заказ, форма, корзина, клик по номеру телефона
- Подключение к событиям AJAX-компонентов Битрикс через
BX.addCustomEvent - Составную цель воронки оформления заказа
- Передачу параметров визитов для сегментации (UTM, тип устройства)