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

InstantCMS 2.X
#1 22 ноября 2022 в 18:24

Как прописать цели яндекс метрики об отправке формы компонента Конструктор форм? Может кто делал уже такое? не нашел такую опцию

#2 23 ноября 2022 в 16:02

Добавить цель > Оправка формы > Конкретная форма на сайте (туда ссылку с формой) выбираете форму.

Если под правила яндекса не попадает то взять через страничку «спасибо» как посещение страницы. А это если форма заполнена и после нажатия «отправить» перекидывает на страницу «спасибо что оставили свою заявку бла бла бла», на нее делать цель посещение.

#3 23 ноября 2022 в 17:56

А это если форма заполнена и после нажатия «отправить» перекидывает на страницу «спасибо что оставили свою заявку бла бла бла», на нее делать цель посещение.

buk

какая цель долджна быть прописана, ведь сообщение на аяксе формируется без переадресации. Не хочется перенаправлять на другую страницу

#4 23 ноября 2022 в 18:50

А это если форма заполнена и после нажатия «отправить» перекидывает на страницу «спасибо что оставили свою заявку бла бла бла», на нее делать цель посещение.

buk

какая цель долджна быть прописана, ведь сообщение на аяксе формируется без переадресации. Не хочется перенаправлять на другую страницу

Def

Это тогда уже в метрике цель через JavaScript-событие. И я правильно понял это через «конструктор форм» который стоковый из под cms? Если да, то тут не подскажу, я делал через «Конструктор форм iForms».

#5 23 ноября 2022 в 21:42

Тут только вешать javascript событие на нажатие кнопки формы. Через виджет html, во вкладке javascript прописываем примерно так

  1. $('.button').click(function(){
  2. yaCounterXXXXXXXX.reachGoal('sendoutcart'); return true;
  3. });

!

Где button — класс нашей кнопки.

А цель в метрике выглядит так 

Изображение

Так будут отслеживаться все нажатия на эту кнопку. НО! Не отправки формы. Т.е. неотправленные формы в следствие ошибок введенных данных в форму тоже будут посчитаны, так как клик по кнопке был.

И тестируйте при отключенных блокировщиках рекламы. Ublock не пускает такие клики, браузере Edge «из коропки» тоже блокирует... 

#6 24 ноября 2022 в 11:26

Тут только вешать javascript событие на нажатие кнопки формы. Через виджет html, во вкладке javascript прописываем примерно так

  1. $('.button').click(function(){
  2. yaCounterXXXXXXXX.reachGoal('sendoutcart'); return true;
  3. });

!

Где button — класс нашей кнопки.

А цель в метрике выглядит так 

Изображение

Так будут отслеживаться все нажатия на эту кнопку. НО! Не отправки формы. Т.е. неотправленные формы в следствие ошибок введенных данных в форму тоже будут посчитаны, так как клик по кнопке был.

И тестируйте при отключенных блокировщиках рекламы. Ublock не пускает такие клики, браузере Edge «из коропки» тоже блокирует... 

Zau4man

спасибо большое за подсказку! Попробую реализовать.

#7 24 ноября 2022 в 11:29

Так будут отслеживаться все нажатия на эту кнопку. НО! Не отправки формы. Т.е. неотправленные формы в следствие ошибок введенных данных в форму тоже будут посчитаны, так как клик по кнопке был.

Zau4man

Есть же вариант с отправкой формы

  1. $('#form').on('submit', function(){
  2. yaCounterXXXXXXXX.reachGoal('sendoutcart'); return true;
  3. });
#8 24 ноября 2022 в 16:23

Так будут отслеживаться все нажатия на эту кнопку. НО! Не отправки формы. Т.е. неотправленные формы в следствие ошибок введенных данных в форму тоже будут посчитаны, так как клик по кнопке был.

Zau4man

Есть же вариант с отправкой формы

  1. $('#form').on('submit', function(){
  2. yaCounterXXXXXXXX.reachGoal('sendoutcart'); return true;
  3. });
Loadырь

#form — это id формы или это указание вообще на тег form?

sendoutcart — это название кнопки или системное имея формы в админке?

#9 24 ноября 2022 в 16:31

sendoutcart — это название кнопки или системное имея формы в админке

Def

специально приложил скриншот с метрики… чтобы было понятно

#10 24 ноября 2022 в 17:15

sendoutcart — это название кнопки или системное имея формы в админке

Def

специально приложил скриншот с метрики… чтобы было понятно

Zau4man

а как вы класс для кнопки прописываете в стандартном конструкторе форм? не увидел в опциях такой возможности или невнимательно смотрел

#11 24 ноября 2022 в 18:57

#form — это id формы или это указание вообще на тег form?

Def

id нужной формы

#12 24 ноября 2022 в 21:17

#form — это id формы или это указание вообще на тег form?

Def

id нужной формы

Loadырь

прописываю получается эти параметры?

Изображение

#13 24 ноября 2022 в 22:03

прописываю получается эти параметры?

Def

Да, но id формы генерится автоматом и поэтому при следующей загрузке поменяется. Надо указывать через css класс формы

$('form.icms-forms__form').on('submit', function(){...}

#14 26 ноября 2022 в 01:11

прописываю получается эти параметры?

Def

Да, но id формы генерится автоматом и поэтому при следующей загрузке поменяется. Надо указывать через css класс формы

$('form.icms-forms__form').on('submit', function(){...}

Loadырь

Спасибо большое за подсказку. Не знал, что после перезагрузки меняется ID

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.