Передача значений полей формы в pnp работает через скрипт jQuery, он передаёт значения полей в файл php, затем обновляет значение всех полей формы и выводит уведомление об успешном подачи заявки. В jQuery, сразу после отправки значений полей в php, также должны выполняться цели Яндекс Метрики и Google Analytics.
Цель TARGET в Яндекс Метрике отмечается выполненной, но Google Analytics не видит выполнение цели. Подскажите, почему Analytics может не видеть достижение цели?
$(document).ready(function() {
//E-mail Ajax Send
$("form").submit(function() {
var th = $(this);
$.ajax({
type: "POST",
url: "php/mail.php",
data: th.serialize(),
success: function(data) {
th.parent().find(' input[type=text], input[type=tel], input[type=email], textarea').val('');
ga('send', 'event', 'submit', 'TARGET');
ym(XXXXXXXX, 'reachGoal', 'TARGET');
}
}).done(function() {
$(".form_info").addClass("form__info-open");
setTimeout(function() {
// Done Functions
th.trigger("reset");
}, 1000);
setTimeout(function(){
$('.form_info').removeClass('form__info-open');
}, 10000)
});
return false;
});
});
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
.form-test {
display: flex;
flex-direction: column;
justify-content: center;
}
.form-test__input {
max-width: 300px;
font-size: 14px;
padding: 8px 18px;
margin-bottom: 10px;
box-sizing: border-box;
}
.btn {
display: inline-block;
width: 300px;
font-size: 14px;
text-transform: uppercase;
background-color: #f7f70f;
border: none;
padding: 10px 20px;
cursor: pointer;
}
.btn:focus,
.btn:hover {
background-color: #e4e400;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="form-test" action="php/send.php" method="post">
<input class="form-test__input" type="text" name="name" placeholder="Имя">
<input class="form-test__input tels" type="tel" name="phone" placeholder="Телефон" required>
<input class="form-test__input" type="email" name="email" placeholder="Email">
<button class="btn" type="submit">Отправить</button>
</form>