Привет, друзья!
Хочу рассказать сегодня об одном важном моменте. Как настроить цель в метрике на клик по кнопке отправки формы, с условием что форма корректно отправилась и мы получили лид.
Какие события можно отслеживать у Contact Form 7
Contact Form 7 генерирует несколько JavaScript-событий, вот самые полезные:
wpcf7mailsent– главное событие для нас. Срабатывает, когда письмо успешно отправлено.wpcf7invalid– форма не прошла валидацию (ошибки в полях).wpcf7spam– отправка заблокирована антиспам-системой.wpcf7mailfailed– письмо не ушло из-за сбоя на сервере (часто бывает на бесплатных или технических доменах, где отключена отправка почты).wpcf7submit– срабатывает в момент нажатия на кнопку отправки (без учёта результата).wpcf7beforesubmit– перед отправкой, позволяет модифицировать данные.
Мы сосредоточимся на wpcf7mailsent – именно он нам нужен для чистой и точной цели.
Настраиваем цель в Яндекс.Метрике
Предполагаю, что счётчик Метрики у вас уже установлен на сайт. Если нет – напишите в комментариях, сделаю отдельную инструкцию.
Дальше по шагам:
- Зайдите в Яндекс.Метрику.
- Перейдите в раздел «Цели».
- Нажмите кнопку «Добавить цель».
- Придумываем название цели
- Выбираем «javaScript-Событие»
- В поле «Индификатор» вставляем какое-нибудь ключевое слово , например «LID»
- Копируем код куда нибудь и сохраняем событие
Дальше необходимо привязать событие на сайт. Переходим в файлы шаблона и находим «footer.php». В нем перед закрывающим тегом </body> пишем скрипт:
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
ym(XXXXXX, 'reachGoal', 'YYYYYY');
}, false );
</script>Далее в строке «ym(XXXXXX, ‘reachGoal’, ‘YYYYYY’)» меняем на «Скопированный код в яндекс метрике«. Обновляем файл и получаем результат. Теперь когда человек открывает форму через попап или просто видит ее на сайте , при корректном заполнении полей и корректной отправки формы вы получите +1 к конверсии.
