Как правильно поставить цель метрику/аналитику с помощью js?

Question

[1dzanami]

Подскажите пожалуйста. Как поставить цель, что бы она срабатывала.
На сайте есть формы обратной связи, я пытаюсь через скрипт добавить onsubmit, но он почему то не привязывается к форме. На кнопку через onclick не вариант, так как там не уникальные классы

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#yw1').attr("onsubmit","yaCounter46372170.reachGoal('zakazbistr'); gtag('send', 'event', { 'event_category': 'sub', 'event_action': 'btnsub'}); return true;");
});
</script>

Answer 1

[Антон Неверов]

Почему вы используете метод .attr()? Проще сделать так:

jQuery(document).ready(function(){
  jQuery('#yw1').on("submit", function() {
    yaCounter46372170.reachGoal('zakazbistr');
    gtag('send', 'event', { 'event_category': 'sub', 'event_action': 'btnsub'});
  });
});

Comments

[1dzanami]

цель не срабатывает и в таком случае.
Форма имеет такой вид.

<form action="/menu/pirogi/s_kuritsey_na_sloenom_teste_/action.modal/modelName/FastOrder?_=1569582054397" class="itexform-use-ajax form-vertical" enctype=
"multipart/form-data" id="yw1" method="post" name="yw1">
	<div class="itexmodal-padding-content">
		<div class="row">
			<div class="col-md-4">
				<h4>Вы выбрали:</h4>
				<img alt="Пирог слоеный с курицей" src="/getimg/158/158/files/core/45_image.jpg"><strong>Пирог слоеный с курицей</strong>
			</div>


			<div class="col-md-8">
				<div>
					<label class="required" for="FastOrder_name">Ваше имя <span class="required">*</span></label><input id="FastOrder_name" name="FastOrder[name]" type="text"
					value="">
				</div>


				<div>
					<label class="required" for="FastOrder_phoneNumber">Ваш номер телефона <span class="required">*</span></label><input id="FastOrder_phoneNumber_m2b3ba993"
					name="FastOrder[phoneNumber]" type="text" value="">
				</div>


				<div>
					<div class="col-sm-12 inpbl personal-info fast">
						<input id="ytFastOrder_personalData" name="FastOrder[personalData]" type="hidden" value="0"><input id="FastOrder_personalData" name=
						"FastOrder[personalData]" type="checkbox" value="1"><label for="FastOrder_personalData">Я согласен(а) с</label><a href=
						"/obrabotka_personalnyih_dannyih/politika_konfidentsialnosti" target="_blank">Политикой конфиденциальности</a> и <a href=
						"/obrabotka_personalnyih_dannyih/soglashenie_na_obrabotku_personalnyih_dannyih" target="_blank">обработкой моих персональных данных.</a>
					</div>
				</div>


				<div class="button-row">
					<button class="btn no-btn" type="submit">Отправить</button>
				</div>
			</div>
		</div>
	</div>
</form>

И ставить например на класс btn не вариант, так как этот класс не уникален.

[Антон Неверов]

1dzanami, всё работает: https://codepen.io/neverov12/pen/pozBGym - проблема на вашей стороне.