Как подключить цели GA срабатываемые после отправки формы?

Question

[Александр Перельман]

Добрый вечер! Подскажите пожалуйста, как настроить цели в analytics, которые срабатывают после отправки формы и при этом не конфликтуют с целями метрики?
Спасибо!

Comments

[Kovalsky]

А как они могут конфликтовать? Просто при отправке формы выполняете теперь не одну цель метрики, а ещё и вторую - аналитики.

"также вопрос, как сделать несколько целей составными в ga, но не по переходам страниц, а по нажатиям на кнопки (открытие формы-клик отправить-данные отправлены)" - мне кажется это либо о smart goals, либо о самостоятельной записи действий пользователя: записываете все действия пользователя, порядок совпал с целевым - выполняете цель.

[Александр Перельман]

коды onclick чтобы не конфликтовали

[Kovalsky]

Александр Перельман, вообще обработчики с помощью атрибутов вешают либо в шаблонах реактивных фреймворков, либо на курсах "JS для чайников", во всех остальных случаях обработчики вешаются с помощью addEventListener. И никаких конфликтов.

[Александр Перельман]

ga('send', 'event', 'category', 'click', 'zakaz'); return true; - вот такой формат не работает почему то + это по нажатию на кнопку, а не по отправке данных.

[Александр Перельман]

Никита Полевой, можете написать пример, какой код нужно прописывать для срабатывания по отправке?

[Kovalsky]

Александр Перельман, зато будет работать такой:

element.addEventListener('click', function() {
    ga('send', 'event', 'category', 'click', 'zakaz');
}

"можете написать пример, какой код нужно прописывать для срабатывания по отправке?" - могу:

form.addEventListener('submit', function() {
    ga(...);
    yaMetrikaXXXXXX.reachGoal(...);
}

[Александр Перельман]

Никита Полевой, он будет срабатывать по отправке формы? а где здесь указывается какая именно форма ??

[Kovalsky]

Александр Перельман, "он будет срабатывать по отправке формы?" - перед,

"где здесь указывается какая именно форма" - form это целевая форма.

[Александр Перельман]

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

[Александр Перельман]

Никита Полевой, т.е. вместо form прописать id формы?

[Kovalsky]

Александр Перельман, цитирую предыдущий свой ответ:

"где здесь указывается какая именно форма" - form это целевая форма.

"т.е. вместо form прописать id формы?" - если они у вас все имеют свой id, то вместо form можно писать document.getElementById( "my_lovely_id" ) или document.querySelector("#my_lovely_id")

[Александр Перельман]

Никита Полевой, Никита, а это где указывается? запутали(
напишите пожалуйста код как он есть

[Kovalsky]

Александр Перельман,

document.getElementById('my_lovely_id').addEventListener('submit', function() {
    ga(...);
    yaMetrikaXXXXXX.reachGoal(...);
});

[Александр Перельман]

Никита Полевой, Спасибо! попробую сделать.

[Андрей Куртучкин]

Александр Перельман, ещё хороший вариант использовать для настройки целей Гугл тег менеджер.

Answer 1

[Александр Перельман]

также вопрос, как сделать несколько целей составными в ga, но не по переходам страниц, а по нажатиям на кнопки (открытие формы-клик отправить-данные отправлены)