Как настроить яндекс цель в Ajax форме?

Question

[IgorRastarov]

Всем привет. У меня есть обычная форма обратной связи на битриксе. Я хочу поставить яндекс цель после спешной отправки формы. Форма передаются аяксом
template.

<?if(strlen($arResult["OK_MESSAGE"]) > 0){?>
	<div class="mf-ok-text"><?=$arResult["OK_MESSAGE"]?></div>
<?}else{?>
<form action="<?=POST_FORM_ACTION_URI?>" method="POST">
<?=bitrix_sessid_post()?>
	<fieldset>
		<div><span><?=$arResult["ERROR_MESSAGE"]["ERR_NAME"]?></span></div>
		<label for="popup-online-name">Имя:<span>*</span></label>
		<input type="text" name="user_name" id="popup-online-name" value="<?=$arResult['AUTHOR_NAME']?>"/>
	</fieldset>
	<fieldset>
		<div><span><?=$arResult["ERROR_MESSAGE"]["ERR_COMPANY"]?></span></div>
		<label for="popup-online-usluga">Компания:</label>
		<input type="text" name="company" id="popup-online-company" value="<?=$arResult['COMPANY']?>"/>
	</fieldset>
	
	<input type="hidden" name="PARAMS_HASH" value="<?=$arResult["PARAMS_HASH"]?>">
	<input id="SUBMIT_ORDER" type="button" name="submit" value="Отправить">
</form>
<?}?>

Аякс:

$('.order').click(function(){
		$.ajax({
			type: "POST",
			url: "/ajax/ajax_product.php",
			beforeSend: function () {
				$('.o-content').empty();
			},
			success: function (data) {				
					$('.o-content').append(data);
					$('#SUBMIT_ORDER').click(sendSubmit);
				  	$('.popup-online').fadeIn(300);
					$('.modalWindow').fadeIn();
			}
		});
	  });

Нужен именно onsubmit.
Делала так:
1.

<form action="<?=POST_FORM_ACTION_URI?>" method="POST" onsubmit="yaCounterXXXXX.reachGoal('Order'); return true;">

не работает
2.

<input id="SUBMIT_ORDER" type="button" name="submit" value="Отправить" onsubmit="yaCounterXXXXX.reachGoal('Order'); return true;">

не работает
3.

$('.order').click(function(){
		$.ajax({
			type: "POST",
			url: "/ajax/ajax_product.php",
			beforeSend: function () {
				$('.o-content').empty();
			},
			success: function (data) {				
					$('.o-content').append(data);
					$('#SUBMIT_ORDER').click(sendSubmit);
                                        yaCounterXXXXX.reachGoal('Order'); return true;
				  	$('.popup-online').fadeIn(300);
					$('.modalWindow').fadeIn();
			}
		});
	  });

- срабатывает только на клик
4. В первых строчках писал

<?if(strlen($arResult["OK_MESSAGE"]) > 0){?>
	<div class="mf-ok-text"><?=$arResult["OK_MESSAGE"]?></div>
<script>
yaCounterXXXXX.reachGoal('Order'); return true;
</script>
<?}else{?> ..........

- не работает.
Помогите, пожалуйста.

Comments

[Дмитрий Грабко]

1. Меняли ли вы yaCounterXXXXX на номер вашего счетчика?
2. Цели фиксируются в течении 30 минут
3. В Метрике отключены фильтры посетителей?

[IgorRastarov]

Дмитрий Грабко: Менял, сутки прошли, все остальные цели работают, включал дебагер в консоле - дебагер эту цель не видит. Думаю, дело не в метрике. Потому что если я ставлю не onsubmit, а onlick - все работает.

[Дмитрий Грабко]

Попробуйте такую конструкцию:

$('.класс формы').click(function(){
    yaCounterXXXXXX.reachGoal('order');
  });

Так же есть инструкция тут

[IgorRastarov]

Дмитрий Грабко: Ваша функция работает, но опять таки только на клик. Если написать .submit - вообще не работает. То, что Вы мне ссылку скинули - я использовал в 3 -ей свое попытке - срабатывает только на клик

[Павел Сидоров]

$('.order').click(function(){

//Здесь сделайте проверку на заполнение поля ИМЯ, иначе return false; *Введите имя*

//Перед отправкой ajax передавайте цель в метрику вот так
yaCounterXXXXX.reachGoal('Order')

    $.ajax({
      type: "POST",
      url: "/ajax/ajax_product.php",
      beforeSend: function () {
        $('.o-content').empty();
      },
      success: function (data) {				
          $('.o-content').append(data);
          $('#SUBMIT_ORDER').click(sendSubmit);
          $('.popup-online').fadeIn(300);
          $('.modalWindow').fadeIn();
      }
    });
});

Answer 1

[Никита]

$('body').on('submit', 'ваша форма',  function(){
yaCounterXXXXX.reachGoal('Order'); 
})

Comments

[IgorRastarov]

не работает. на сабмит не работает. На клик работает

Answer 2

[Алексей Емельянов]

А почему у вас на событие success после аяксного вызова идёт отправка формы?

success: function (data) {				
          $('.o-content').append(data);
          $('#SUBMIT_ORDER').click(sendSubmit);
          ...
}

Comments

[IgorRastarov]

Видимо когда - то где -то подсмотрел и теперь пишу так. Работает же