Как установить цели Google Analytics?

Question

[VladimirPortev]

Добрый день. Столкнулся с такой проблемой.
Ставлю отслеживание целей GA на сайт Worpdress, на стандартную форму ContactForm7.
Уже не раз это делал, все работало. Сейчас не работает.
Вот код

<?
add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '5' == event.detail.contactFormId ) {
		yaCounter30969056.reachGoal('kontakty');
        gtag('event', 'kontev', { 'event_category': 'kontakty', 'event_action': 'submit', });
    }
}, false );
</script>
<?php
}
?>

В настройках цели в аккаунте, соотв. Действие - это submit. Категория - kontakty
Если включить дебаггер гугловский, который работает в консоле - то при ручном вводе цели в консоль - все отправляется и читается
joxi.ru/krDJYpEc0781R2
Google Tag Manager Assistent - также нормально отслеживает код, но не отслеживает цели.
Может кто знает, что делать. Хотя бы понять (отдебажить) почему не подхватывается цель - как реализовать такую проверку.
Письма с формы уходят - в этом плане все хорошо.

Answer 1

[tyzberd]

wpcf7mailsent поменяйте на wpcf7:mailsent

jQuery(document).on('wpcf7:mailsent', function(event){
	console.log(event.target);
});

https://github.com/wp-plugins/contact-form-7/blob/...

Comments

[VladimirPortev]

Не сработало(

[tyzberd]

событие то точно работает, проверял. Или у вас даже событие не сработало?

[VladimirPortev]

У меня не сработало событие.

$('.wpcf7').on('wpcf7:mailsent', function(event){
	console.log('test');
});

Вот так заработало и то только после того, как я поместил этот код в js - файл.
Но это бред. Мне еще id формы как - то вытаскивать.
Не пойму почему не работает в functions.php
То есть в хедер, футер, фанкшенс - скрипт вообще работать не хочет.

[tyzberd]

подключайте так. https://wp-kama.ru/function/wp_enqueue_script
и оберните в

jQuery(document).ready(function($) {

});

и это все просто дебажится https://learn.javascript.ru/debugging-chrome
поставьте сначала для тестов на wpcf7:submit
в $(this).attr('id') будет ваше wpcf7-f5-p31-o1 ))

[VladimirPortev]

wp_enqueue_script - помогло, спасибо!