Contact Form 7 отличный плагин для создания форм для оставления заявок на сайте. Но как же отслеживать эти заявки в Метрике Яндекс?
Нам требуется событие wpcf7mailsent — успешное выполнение которого, означает что форма заполнена правильно и отправлена.
Нам необходимо прописать код в footer.php или если работаете в Elementor можете где нибудь внизу страницы добавить блок с HTML кодом:
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="3555506"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="2222206"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="3523406"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="3233406"){
ym(99161179,'reachGoal','zayavka');
}
}, false );
</script>
Необходимые исходные данные:
- код счетчика Метрики
- название цели в Метрике
- id — формы
Код счетчика вы найдете в кабинете Яндекс Метрики, ниже названия сайта идёт код счётчика.
Перейдём к добавлению цели в самой Метрике. Для этого необходимо выбрать JavaScript-событие и прописать Идентификатор цели на английском языке. Скопировать получившийся код.
ID формы Contact Form 7 вы найдете в шорткоде самой формы:
Если у вас одна форма на сайте достаточно прописать один общий код, и не надо будет id контактной формы:
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
ym(99161179,'reachGoal','zayavka');
}, false );
</script>
Если форм несколько, то необходимо для всех приписать событие, где указываете id формы и название целей:
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
if(event.detail.contactFormId=="3555506"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="2222206"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="3523406"){
ym(99161179,'reachGoal','zayavka');
}
if(event.detail.contactFormId=="3233406"){
ym(99161179,'reachGoal','zayavka');
}
}, false );
</script>
