Новые виджеты умеют отправлять цели в Яндекс Метрику вашего сайта. Тогда в отчётах видно не только сколько заявок пришло, но и откуда пришли люди, которые их оставили: из Директа, поиска или рассылки. Кроме заявки, большинство виджетов отправляют промежуточные цели: квиз начали, калькулятор потрогали, окно показалось. По ним видно, на каком шаге посетители теряются.
В статье: как включить цели, полный список целей по каждому виджету и как поймать те же события в Google Analytics и Google Tag Manager.
Как включить цели Метрики в виджете
Цели отправляются в счётчик, который уже стоит на вашем сайте. Виджет не ставит свой счётчик и не видит ваши отчёты: он только сообщает установленной на странице Метрике, что произошло событие. Поэтому порядок такой: сначала цели в Метрике, потом переключатель в виджете.
- Откройте счётчик в Яндекс Метрике, раздел «Цели», и нажмите «Добавить цель».
- Выберите тип «JavaScript-событие» и впишите идентификатор цели из таблицы ниже, например
aw_quiz. Сохраните цель. Повторите для каждой цели, которую хотите видеть в отчётах. - Скопируйте номер счётчика: это только цифры, например
100791872, а не весь код счётчика. - В личном кабинете откройте редактор виджета, найдите карточку «Аналитика» и включите «Цели в Яндекс Метрике».
- Вставьте номер в поле «Номер счётчика» и нажмите «Сохранить».
- Откройте свой сайт, выполните действие (например, пройдите квиз и отправьте заявку) и проверьте цель в Метрике: в отчёте «Конверсии» она появится в течение нескольких минут.
Цели настраиваются в каждом виджете отдельно. Если на сайте два квиза, у обоих включите переключатель и укажите номер счётчика. Цели у них будут одни и те же, а различать квизы удобно по странице, на которой достигнута цель.
Важно: цели не отправляются из предпросмотра в редакторе и с демо-виджетов на страницах allwidgets.ru. Проверяйте на своём сайте.
Общая цель «заявка» у всех виджетов с формой
Под полем «Номер счётчика» редактор перечисляет все цели этого виджета с пояснением, когда каждая срабатывает: это те же идентификаторы, что в таблицах ниже. У каждого виджета с формой среди них есть общая цель заявки aw_<тип>. Она срабатывает, когда сервер принял заявку, и одинаково устроена у всех виджетов с формой, поэтому удобна как главная конверсия в Директе.
| Виджет | Общая цель заявки |
|---|---|
| Конструктор квизов | aw_quiz |
| Конструктор калькуляторов | aw_calc |
| «Фокус» | aw_focus |
| «Ловец лидов» | aw_leadcatcher |
| «Мультикнопка» | aw_multibutton (заявка через действие «Оставить заявку») |
| «Толпа» | нет: виджет не собирает заявки |
Полный список целей по виджетам
Все цели ниже имеют тип «JavaScript-событие». Создавать в Метрике все не обязательно: достаточно тех, которые вы будете смотреть. Цель, которой нет в счётчике, Метрика просто не считает, ошибок на сайте это не вызывает.
Конструктор квизов
| Идентификатор | Когда срабатывает |
|---|---|
aw_quiz_start | Посетитель начал квиз: нажал кнопку стартового экрана, а если стартовый экран выключен, сразу при открытии квиза. |
aw_quiz_step | Показан очередной вопрос. Срабатывает на каждом новом вопросе, поэтому за один проход квиза их несколько. |
aw_quiz_result | Показан экран результата. |
aw_quiz_decline | Логика квиза отправила посетителя на страницу отказа. |
aw_quiz_lead | Заявка из формы квиза принята. Срабатывает вместе с общей целью aw_quiz. |
aw_quiz | Заявку принял сервер (общая цель, одинаковая у всех квизов). |
Связка aw_quiz_start → aw_quiz_result → aw_quiz показывает воронку квиза в разрезе источников трафика. Подробная воронка по каждому вопросу есть в статистике виджета в кабинете. Как устроен квиз, рассказано в справке по конструктору квизов.
Конструктор калькуляторов
| Идентификатор | Когда срабатывает |
|---|---|
aw_calc_interact | Посетитель впервые изменил любое поле калькулятора, то есть начал расчёт. Один раз за показ калькулятора. |
aw_calc_lead | Заявка из калькулятора принята. Срабатывает вместе с общей целью aw_calc. |
aw_calc | Заявку принял сервер (общая цель). |
Подробнее о калькуляторе — в справке по конструктору калькуляторов.
«Ловец лидов»
| Идентификатор | Когда срабатывает |
|---|---|
aw_lc_show | Окно показано. У блока, встроенного в страницу, — когда он появился в видимой части экрана. |
aw_lc_yes | Посетитель заинтересовался: нажал «Да» на первом шаге или начал заполнять форму. Один раз за показ. |
aw_lc_lead | Заявка из окна принята. Срабатывает вместе с общей целью aw_leadcatcher. |
aw_leadcatcher | Заявку принял сервер (общая цель). |
Подробнее — в справке по «Ловцу лидов».
«Фокус»
| Идентификатор | Когда срабатывает |
|---|---|
aw_focus_show | Показано сообщение «Фокуса» (любое из сценариев виджета). |
aw_focus_click | Посетитель нажал кнопку сообщения. |
aw_focus_lead | Заявка из мини-формы сообщения принята. Срабатывает вместе с общей целью aw_focus. |
aw_focus | Заявку принял сервер (общая цель). |
Разбивка по сценариям и вариантам A/B есть в статистике виджета в кабинете. Подробнее — в справке по «Фокусу».
«Мультикнопка»
| Идентификатор | Когда срабатывает |
|---|---|
aw_mb_open | Посетитель раскрыл меню кнопки. Один раз за просмотр страницы. |
aw_mb_click_<действие> | Нажатие на пункт меню. Вместо <действие> подставляется тип пункта (список ниже), например aw_mb_click_whatsapp. |
aw_multibutton | Заявку из действия «Оставить заявку» принял сервер (общая цель). |
Типы действий для цели aw_mb_click_…:
| Пункт меню | Цель |
|---|---|
aw_mb_click_whatsapp | |
| Telegram | aw_mb_click_telegram |
| MAX | aw_mb_click_max |
| ВКонтакте | aw_mb_click_vk |
| Viber | aw_mb_click_viber |
aw_mb_click_instagram | |
| Позвонить | aw_mb_click_phone |
| Написать на почту | aw_mb_click_email |
| Оставить заявку | aw_mb_click_form |
| Заказать звонок | aw_mb_click_callback |
| ИИ-консультант | aw_mb_click_cyberfaq |
| Чат с менеджером | aw_mb_click_crmchat |
| Открыть виджет | aw_mb_click_aw |
| Открыть сайт | aw_mb_click_link |
| Скопировать реквизиты | aw_mb_click_copy |
| Как добраться | aw_mb_click_map |
| Действие на сайте | aw_mb_click_js |
Чтобы считать все обращения из мессенджеров одной цифрой, в Метрике можно создать составную цель или цель с несколькими идентификаторами событий. Подробнее о действиях — в статье о действиях, расписании и QR-коде Мультикнопки.
«Толпа»
| Идентификатор | Когда срабатывает |
|---|---|
aw_crowd_show | Показано уведомление. Срабатывает на каждом показанном уведомлении. |
aw_crowd_click | Посетитель нажал кнопку-ссылку в уведомлении. |
Своей заявки у «Толпы» нет, поэтому полезнее всего сравнивать в Метрике конверсию в ваши основные цели у посетителей, которые видели уведомления, и у остальных. Подробнее — в справке по «Толпе».
Google Analytics и Google Tag Manager
В той же карточке «Аналитика» есть переключатель «Google Analytics». Он отправляет те же события с теми же именами через gtag('event', …), если на сайте установлен тег Google (gtag.js). В Google Analytics 4 события появятся в отчёте о событиях, нужные можно отметить как ключевые.
Если вы работаете через Google Tag Manager или свою аналитику, удобнее слушать события страницы. Виджеты отправляют их всегда, независимо от переключателей:
| Виджет | События |
|---|---|
| Квиз | на window: aw:quiz:open, aw:quiz:start, aw:quiz:step, aw:quiz:form, aw:quiz:result, aw:quiz:lead, aw:quiz:decline, aw:quiz:close |
| Калькулятор | на window: aw:calc:interact, aw:calc:change, aw:calc:lead |
| «Ловец лидов» | на document: aw:leadcatcher, тип в detail.event (show, yes, start, lead, close); в dataLayer: aw_lc_show, aw_lc_lead и т. д. |
| «Фокус» | на window: aw:focus:show, aw:focus:click, aw:focus:close, aw:focus:lead |
| «Мультикнопка» | на window: aw:multibutton:open, aw:multibutton:click, aw:multibutton:lead; в dataLayer: aw_mb_open, aw_mb_click (канал в aw_channel), aw_mb_lead |
Пример: отправить в Метрику свою цель, когда посетитель дошёл до результата квиза, и передать номер результата как параметр визита:
<script>
window.addEventListener('aw:quiz:result', function (e) {
if (typeof ym === 'function') {
ym(100791872, 'reachGoal', 'quiz_result_my', { quiz_result: e.detail.result });
}
});
</script>
Номер счётчика замените на свой. Такой код ставится на сайт рядом с кодом виджета.
Если цели не считаются
- Счётчика нет на этой странице. Виджет отправляет цель только в Метрику, которая уже загружена на странице. Если код счётчика стоит не на всех страницах, цели с остальных не дойдут.
- Неверный номер. В поле «Номер счётчика» нужны только цифры. Номер должен совпадать со счётчиком на сайте.
- Идентификатор с опечаткой. Цель в Метрике должна иметь тип «JavaScript-событие» и идентификатор ровно как в таблице, маленькими латинскими буквами.
- Проверка из редактора. Предпросмотр в кабинете целей не отправляет, проверяйте на сайте.
- Блокировщик рекламы. У посетителей с блокировщиками Метрика часто не загружается, поэтому целей в Метрике может быть меньше, чем заявок в разделе «Заявки». Это нормально: раздел «Заявки» считает все заявки.
Вопросы и ответы
Нужно ли создавать в Метрике все цели из списка?
Нет. Создайте те, что будете смотреть: обычно общую цель заявки (aw_quiz, aw_calc и т. д.) и одну-две промежуточные. Остальные события Метрика просто не будет считать.
Почему целей aw_quiz_step больше, чем посетителей квиза?
Цель aw_quiz_step срабатывает на каждом новом вопросе. Для воронки по вопросам удобнее статистика квиза в личном кабинете, а в Метрике лучше смотреть aw_quiz_start, aw_quiz_result и aw_quiz.
Можно ли передавать цели в два счётчика?
Виджет отправляет цели в один счётчик, указанный в настройках. Для второго счётчика подпишитесь на события страницы (таблица выше) и вызовите ym со вторым номером в своём коде.
Отправляет ли виджет в Метрику телефон или имя посетителя?
Нет. В Метрику уходит только идентификатор цели. Контакты посетителя хранятся в разделе «Заявки» и в уведомлениях, которые вы включили.