Как добавить цель яндекс метрики и гугл аналитикс в форму обратной связи?

Question

[Doremi777]

Здравствуйте!
Добавил цели к кнопке в форме обратной связи, но статистика не работает. В чем может быть дело?

<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
?> 
<?=$arResult["FORM_HEADER"]?>
<div class="popup popup_feedback new_abonent<?if ($arResult["isFormNote"] == "Y"):?> popup_is-active<?endif;?>">

	<div class="popup__overlay"></div>

	<div class="popup__container container">
		<div class="popup__content">

			<div class="popup__close"></div>

			<?if ($arResult["isFormNote"] == "Y"):?>
				<div class="popup__title">
					<?=$arResult["FORM_NOTE"]?>
				</div>
				<script type="text/javascript">initPopups();</script> 
			<?else:?>
				<form id="<?=$arResult['arForm']['SID']?>" action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data">
				<div class="popup__title">
				Форма обратной связи
				</div>
				<div class="popup__wrapper">
				<div class="popup__wrap">
				<input class="popup__input input input_theme_grey-line input_fio" required="required" type="text" name="form_text_1" placeholder="ФИО*">
				<input class="popup__input input input_theme_grey-line input_phone" required="required" type="text" name="form_text_2" placeholder="Телефон*">
				<input class="popup__input input input_theme_grey-line" type="text" name="form_text_3" placeholder="Email">
				</div>
				<div class="popup__wrap">
				<input class="popup__input input input_theme_grey-line street" type="text" name="form_text_4" placeholder="Город и улица">
				<input class="popup__input input input_theme_grey-line home" type="text" name="form_text_5" placeholder="дом и квартира">
				<textarea class="popup__textarea textarea textarea_theme_grey-line" name="form_textarea_6" placeholder="Введите ваш комментарий"></textarea> <input type="hidden" name="form_hidden_7" class="selected_hidden_ultra_power"> <input type="hidden" name="form_hidden_8" class="monthly_pay"> <input type="hidden" name="form_hidden_9" class="equipment_pay"> <input type="hidden" name="form_hidden_10" class="final_pay"> <input type="hidden" name="form_hidden_11" class="adress_trtr"> <input type="hidden" name="form_hidden_12" value="<?=SITE_SERVER_NAME.'/'.$APPLICATION->GetCurPage()?>">
				</div>
				</div>
				<div class="popup__footer">
				<div class="popup__checkout">
				<div class="input input_checkbox input_theme_green-checkbox">
				<input class="input__source" required="required" type="checkbox" id="checkbox_deflt"> <label class="input__checkbox" for="checkbox_deflt"></label> <label class="input__text" for="checkbox_deflt">
				Я согласен с условиями подключения, а также даю согласие на обработку персональных данных согласно <?if(!empty($arResult['FILE_ID'])):?> <a class="input__text" target="blank" href="<?=$arResult['FILE']?>">Федеральному закону «О персональных данных»</a>
				<?else:?> Федеральному закону «О персональных данных» <?endif;?> </label>
				</div>
				</div>
				<button type="submit" id="submit_form_1" name="web_form_apply" ga ('send', 'event', 'goal', 'order');yaCounter******.reachGoal('form_submit');value="Отправить" class="button button_size_medium button_theme_full-green">Отправить</button>
				</div>
				</form>
			<?endif;?>
		</div>
	</div>

</div>

Comments

[alex-1917]

у вас ошибка синтаксиса.. это очень плохо... копипастом занимаетесь или взаправду разработчик?)))

Answer 1

[Anton Kravchenko]

а разве ga и YaCounter не должны быть внутри onsubmit?

Comments

[Александр Маджугин]

для чего?

[Anton Kravchenko]

Александр Маджугин, чтобы быть вызванными при отправке формы

[Александр Маджугин]

Anton Kravchenko, во-первых в onsubmit может быть какой-то метод который связан с отправкой формы. Например валидатор или еще что-то.
Во-вторых если пушеры цели будут сидеть на событии отправки они будут фиксировать именно событие отправки, а оно может случаться без отправки формы, например когд валидатор навешенный через jquery остановит отправку, сайт перестанет отвечать и форма отправится вникуда, форма не валидна и сайт ее не примет и пришлет отбой.
Во вссех этих случаях событие сработает и цели забьются, но что они учтут? Попытку отправки.
Однако если задача стоит отслеживать именно попытки ортправки, в том числе и неудачные, то да - это правильное решение.

Answer 2

[Александр Маджугин]

На что поставить цель? На факт успешного получения данных?
Просто на факт отправки?

По всей видимости результат отправки выводится у вас тут:

<?if ($arResult["isFormNote"] == "Y"):?>
        <div class="popup__title">
          <?=$arResult["FORM_NOTE"]?>
        </div>
        <script type="text/javascript">initPopups();</script> 
      <?else:?>

Значит куда-то под это условие и надо. На автор компонента сделал одну классную вещь судя по всему - вывод ошибок и вывод сообщения об успешной отправки никак не разделяется. Так что вам еще надо будет туда добавить условие на проверку успешности.

Ну а если вам не важно получение данных из формы, а только трекать ее отправку, то на onsubmit.

Comments

[Doremi777]

Спасибо, яндекс нормально отрабатывает, а вот гугл не передает статистику. В чем дело?

<form id="<?=$arResult['arForm']['SID']?>" 
action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data" 
 onSubmit="ga ('send', 'event', 'form','submit',); 
 onsubmit=yaCounter*********.reachGoal('form_submit');">
				<div class="popup__title">
				Форма обратной связи
				</div>

[Александр Маджугин]

Doremi777, во-первых у вас цели срабатывают на отправку формы. Т.е. если я девять раз допущу ошибку и отправлю форму и она вернет мне ошибку ваши счетчики защитают 9 отправок. А если на десятой я ошибку исправлю и отправлю форму, но за это время ваш сервер на 10 секунд упал и формы вы не получили - ваши счетчики это тоже защитают. Имейте это ввиду.

Второе - похоже у вас опечатка. Обратите внимание что у вас нет кавычек в конце ga ('send', 'event', 'form','submit',); и после = перед кодом яндекса. Так будет забиваться только гугл, но не яндекс. Возможно не верно скопировали и в реальности у вас так:

onSubmit="ga ('send', 'event', 'form','submit',); "
 onsubmit="yaCounter*********.reachGoal('form_submit');">

Тогда будет как пишите - гугл не будет передавать статистику потому что прочтите внимательно, что вы сделали.
А сделали вы так:
onSubmit="ga ('send', 'event', 'form','submit',); " назначить на отправку формы выполнение функции ga.
onsubmit="yaCounter*********.reachGoal('form_submit');" - назначить на отправку формы выполнение функции yaCounter*********
Ну и как у вас будет выполнятся ga если вы ее затерли yaCounter*********?
Хотите делать так - добавляйте обе:

onSubmit="ga ('send', 'event', 'form','submit',); yaCounter*********.reachGoal('form_submit');">

[Doremi777]

Александр Маджугин, Может я не туда вставил код или его нужно добавить в Ajax обработчик? Как можно добавить условие проверки?

<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
?> 
<?=$arResult["FORM_HEADER"]?>
<div class="popup popup_feedback new_abonent<?if ($arResult["isFormNote"] == "Y"):?> popup_is-active<?endif;?>">

	<div class="popup__overlay"></div>

	<div class="popup__container container">
		<div class="popup__content">

			<div class="popup__close"></div>

			<?if ($arResult["isFormNote"] == "Y"):?>
				<div class="popup__title">
					<?=$arResult["FORM_NOTE"]?>
				</div>
				<script type="text/javascript">initPopups();</script> 
			<?else:?>
<!--default-->
	<form id="<?=$arResult['arForm']['SID']?>" action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data" >
				<div class="popup__title">
				Форма обратной связи
				</div>
				<div class="popup__wrapper">
				<div class="popup__wrap">
				<input class="popup__input input input_theme_grey-line input_fio" required="required" type="text" name="form_text_1" placeholder="ФИО*">
				<input class="popup__input input input_theme_grey-line input_phone" required="required" type="text" name="form_text_2" placeholder="Телефон*">
				<input class="popup__input input input_theme_grey-line" type="text" name="form_text_3" placeholder="Email">
				</div>
				<div class="popup__wrap">
				<input class="popup__input input input_theme_grey-line street" type="text" name="form_text_4" placeholder="Город и улица">
				<input class="popup__input input input_theme_grey-line home" type="text" name="form_text_5" placeholder="дом и квартира">
				<textarea class="popup__textarea textarea textarea_theme_grey-line" name="form_textarea_6" placeholder="Введите ваш комментарий"></textarea> <input type="hidden" name="form_hidden_7" class="selected_hidden_ultra_power"> <input type="hidden" name="form_hidden_8" class="monthly_pay"> <input type="hidden" name="form_hidden_9" class="equipment_pay"> <input type="hidden" name="form_hidden_10" class="final_pay"> <input type="hidden" name="form_hidden_11" class="adress_trtr"> <input type="hidden" name="form_hidden_12" value="<?=SITE_SERVER_NAME.'/'.$APPLICATION->GetCurPage()?>">
				</div>
				</div>
				<div class="popup__footer">
				<div class="popup__checkout">
				<div class="input input_checkbox input_theme_green-checkbox">
				<input class="input__source" required="required" type="checkbox" id="checkbox_deflt"> <label class="input__checkbox" for="checkbox_deflt"></label> <label class="input__text" for="checkbox_deflt">
				Я согласен с условиями подключения, а также даю согласие на обработку персональных данных согласно <?if(!empty($arResult['FILE_ID'])):?> <a class="input__text" target="blank" href="<?=$arResult['FILE']?>">Федеральному закону «О персональных данных»</a>
				<?else:?> Федеральному закону «О персональных данных» <?endif;?> </label>
				</div>
				</div>
				<button type="submit" id="submit_form_1" name="web_form_apply" value="Отправить" class="button button_size_medium button_theme_full-green" onSubmit="ga ('send', 'event', 'form','submit',); yaCounterXXXXXXXX.reachGoal('form_submit');" return true;">Отправить</button>
				</div>
				</form>
			<?endif;?>
		</div>
	</div>

</div>

[Александр Маджугин]

Doremi777, Конечно не туда - вы добавили условия на кнопку - у нее нет события onsubmit - это событие формы так что и добавляйте к тегу form.

Какое условие проверки вы хотите добавить?

[Doremi777]

Александр Маджугин, Условие на успешную отправку, без лишних срабатываний. Так правильно?

<form id="<?=$arResult['arForm']['SID']?>" action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data" onSubmit="ga ('send', 'event', 'form','submit',); yaCounterXXXXXXXX.reachGoal('form_submit');" >

[Александр Маджугин]

Doremi777, нет. Это будет срабатывать при отправке формы. Еще ДО получения ее сервером и возврата ответа. Как там может быть какое-то условие?

Чтобы срабатывало при успешной отправке, надо чтобы скрипт инициировался ответом сервера.
Самое простой сделать как я говорил в ответе - вставить в шаблон сюда:

<?if ($arResult["isFormNote"] == "Y"):?>
        <div class="popup__title">
          <?=$arResult["FORM_NOTE"]?>
        </div>
        <script type="text/javascript">initPopups();</script> 
      <?else:?>

Т.е. долно получиться как-то так:

<?if ($arResult["isFormNote"] == "Y"):?>
        <div class="popup__title">
          <?=$arResult["FORM_NOTE"]?>
        </div>
        <script type="text/javascript">
              initPopups(); 
              ga ('send', 'event', 'form','submit',); 
              yaCounter*********.reachGoal('form_submit');
</script> 
      <?else:?>

Но только это буде срабатывать при любом получении формы сервером, а не только при успешной обработке, посколько у вас в шаблоне вывод ошибок не отделен от вывода успешного сообщения. Тут вам нужно придумать условие на содержимое FORM_NOTE вероятнее всего, но подсказать я не могу - я не знаю что там у вас за компонент.

[Doremi777]

Александр Маджугин, спасибо за рекомендации, но к сожалению не помогло.

[Александр Маджугин]

Doremi777, что именно не помогло? Цели не забиваются при отправке?
Скрипт исполняется?
initPopups выполянется? В ней нет ошибок?

[Doremi777]

Александр Маджугин, Достижение цели попадают в метрику, но аналитикс по прежнему не видит конверсий.

[Александр Маджугин]

Прямо в коносоле выполните - ga ('send', 'event', 'form','submit',); Ошибок нет?
Получили? Скорее всего нет. Проверьте правильность интеграции самого счетчика ga. В к

[Doremi777]

Александр Маджугин, спасибо, буду искать проблему в счетчике или самой цели