Analytics
Сейчас в сети: 476
Сейчас в сети: 476
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Отслеживание отправки формы с Magnific Popup

Магистр ✭ ✭ ✭

Приветствую всех

 

Проблема: Есть сайт - http://getman-bezpeka.od.ua/

В нем используется 2 вида контактных форм - для заказа обратного звонка и для заказа услуги

Всплывающее окно реализовано с помощью скрипта Magnific Popup

 

Пытался установить отслеживание отправки форм через атрибут onsubmit (вручную), а также через Google Tag Manager

 

В итоге ни один из способом не сработал

 

Привожу куски кода, которые описывают одну из форм (во второй все аналогично)

 

Благодарю за помощь

 

<div class="mfp-content"><form class="form popup-form zoom-anim-dialog" id="order-service" onsubmit="ga('send', 'event', 'form', 'submit', 'order-service');" novalidate="novalidate">
			<input type="hidden" name="project_name" value="Гетьман">
			<input type="hidden" name="admin_email" value="office@getman-bezpeka.od.ua">
			<input type="hidden" name="form_subject" value="Заказ охраны">
			<div class="form__content">
				<div class="title h3">Заказ охраны</div>
				
				 <div class="group"> 
			      <div class="input-wrap">
			      	<input class="group__input" name="Имя" type="text">
			      	 <span class="highlight"></span>
			      	<label class="group__label">Ваше имя</label>
			      </div>  
			      <span class="bar"></span>
			    </div>

			    <div class="group"> 
			      <div class="input-wrap">
			      	<input class="group__input phone_us" name="number" type="tel" required="" placeholder="+38 (___) ____ - ____" maxlength="20" aria-required="true">
			      	 <span class="highlight"></span>
			      	<label class="group__label">Ваш телефон</label>
			      </div>  
			      <span class="bar"></span>
			    </div>
			    
		      
			   <div class="select"><select id="mounth" name="Тип охраны" class="select-cs select-hidden">
														<option value="hide">Типы охраны</option>
								<option value="Охрана предприятий">Охрана предприятий</option>
								<option value="Охрана жилых объектов">Охрана жилых объектов</option>
								<option value="Охрана офисов">Охрана офисов</option>
								<option value="Охрана промышленных объектов">Охрана промышленных объектов</option>
								<option value="Охрана государственных учреждений">Охрана государственных учреждений</option>
								<option value="Охрана спорткомлексов">Охрана спорткомлексов</option>
								<option value="Охрана ресторанов">Охрана ресторанов</option>
								<option value="Охрана отелей">Охрана отелей</option>
								<option value="Охрана магазинов">Охрана магазинов</option>
								<option value="Охрана безопасности баннков">Обеспечение безопасности баннков</option>
							
			    		
			    		<!-- <option value="Охрана предприятий">Охрана предприятий</option>
			    		<option value="Охрана жилых объектов" >Охрана жилых объектов</option> -->
			    		<!-- <option value="Охрана строительных площадок">Охрана строит. площадок</option> -->
				
				</select><div class="select-styled">Типы охраны</div><ul class="select-options" style="display: none;"><li rel="hide">Типы охраны</li><li rel="Охрана предприятий">Охрана предприятий</li><li rel="Охрана жилых объектов">Охрана жилых объектов</li><li rel="Охрана офисов">Охрана офисов</li><li rel="Охрана промышленных объектов">Охрана промышленных объектов</li><li rel="Охрана государственных учреждений">Охрана государственных учреждений</li><li rel="Охрана спорткомлексов">Охрана спорткомлексов</li><li rel="Охрана ресторанов">Охрана ресторанов</li><li rel="Охрана отелей">Охрана отелей</li><li rel="Охрана магазинов">Охрана магазинов</li><li rel="Охрана безопасности баннков">Обеспечение безопасности баннков</li></ul></div> 


				<button class="form__btn">Отправить заявку</button>
			</div>

			<div class="message">
				<div class="title h4">Спасибо!<br> Ваша заявка принята</div>
				<p>Мы свяжемся с вами в ближайшее время</p>
			</div>
		<button title="Close (Esc)" type="button" class="mfp-close">×</button></form></div>

Отслеживание отправки формы с Magnific Popup

Магистр ✭

триггер отправка формы с 

form class = form popup-form zoom-anim-dialog
и form id = order-service

 

не работает?

Отслеживание отправки формы с Magnific Popup

Студент ✭ ✭

Только что проверил - нет, не работает. Фишка в том, что в момент открытия формы (второй слой сайта), значения переменных form classes и других вообще не соответствуют тому, что на самом деле открыто

Re: Отслеживание отправки формы с Magnific Popup

Магистр ✭ ✭ ✭

Вот, что поулчается

Screenshot_1.jpg

Отслеживание отправки формы с Magnific Popup

Магистр ✭

Можно пред просмотр?)

Отслеживание отправки формы с Magnific Popup

Магистр ✭ ✭ ✭

Вы имеете ввиду режим отладки?

Отслеживание отправки формы с Magnific Popup

Магистр ✭

Да если вопрос еще не решен.

Отслеживание отправки формы с Magnific Popup

Магистр ✭ ✭ ✭

Нет, не решен( Отладку включил, доступ к ГТМ нужен?

Отслеживание отправки формы с Magnific Popup

Магистр ✭

http://joxi.ru/RmzYldGuexG9rO вот эту ссылку продублируйте)

Отслеживание отправки формы с Magnific Popup

Магистр ✭ ✭ ✭