Contact form 7 и цель Яндекс Метрики

Автор: Николаенко Максим · Опубликовано 10 августа, 2018 · Обновлено 27 августа, 2020

Содержание скрыть

2 Создание цели по javascript событию CF7

Этот материал для тех, кто уже работал с плагином Contact form 7 и хочет собирать статистику отправки писем из разных форм на сайте, с помощью Яндекс метрики и настроенных целей.

Есть несколько вариантов настройки целей и мы поговорим о двух из них.

Настройка цели Яндекс метрики на определенный URL.
Настройка цели на нажатие кнопки плагина CF7.

Настройка цели Яндекс метрики на URL

В настройке цели Яндекс метрики на определенный url нет ничего сложного, вам просто нужно войти в свой аккаунт Яндекс метрики, найти нужный счетчик в списке и нажать напротив него на значок «Настройки».

Настройка Яндекс метрики на вордпресс

В появившемся окне нужно выбрать вкладку цели и нажать на кнопку добавить цель.

Добавить цель в яндекс метрике по ссылке

В новом окне необходимо:

Ввести название цели.
Выбрать вкладку «Посещение страниц».
Ввести часть ссылки целевой страницы.

yandex metrika создание цели по части ссылки

В разных ситуациях может понадобиться ввести точное соответствие URL или даже создать регулярное выражение. Ниже вы можете видеть все варианты.

yandex metrika create goal

Создание цели по javascript событию CF7

В нашем случаи мы будем создавать цель, которая срабатывает при отправке письма из формы в плагине Contact form 7.

Для добавления цели в плагине войдите в панель администратора сайта и в настройки плагина Contact Form 7, на вкладку «Дополнительные настройки» добавьте скрипт.

Добавление цели в яндекс метрику на событие

on_sent_ok:"yaCounterXXXXXX.reachGoal('ORDER');"

1	on_sent_ok:"yaCounterXXXXXX.reachGoal('ORDER');"

Вместо ХХХХХХ вставьте номер счетчика.

Добавить номер счетчика в созданную цель

Вместо ORDER нужно вставить идентификатор цели, который мы создаем при создании самой JavaScript цели. Как показано на изображении ниже.

Яндекс метрика идентификатор цели

on_sent_ok:"yaCounter42356264.reachGoal('any-problem');"

1	on_sent_ok:"yaCounter42356264.reachGoal('any-problem');"

Если вы все сделали правильно, то все отправленные письма будут показывать достижение цели в метрике Яндекса. Такая функция будет особенно полезна для анализа юзабилити вашего сайта и понимания, в какую форму больше пишут посетители сайта.

Внимание! Сейчас в плагине Contact form 7 раздел дополнительные настройки устарел и теперь правильно настраивать цели через специальный хук в файле functions.php. Пример хука для нескольких целей я описал ниже.

add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    yaCounter41174169.reachGoal('ORDER');
    yaCounter41174169.reachGoal('calculating_the_object');
    yaCounter41174169.reachGoal('feedback');
    yaCounter41174169.reachGoal('get_free_consultation');
}, false );
</script>
<?php
}