Как идентифицировать одну и ту же форму CF7 в модальном окне вызванную разными триггерами?

Question

[Борис Шпаковский]

Есть составные цели: 1. клик на триггер модального окна 2. Отправка формы CF7 ( wpcf7mailsent )
Форма на странице вызывается одна и та же, а триггеры разные. То есть можно раздать триггерам идентификаторы и сопоставить их с целями.
И вот вопрос, как разделить по такому же принципу события отправки формы? То есть видеть в метрике каким триггером было вызвано модальное окно перед отправкой формы и чтобы это событие не попадало в соседние цели со схожей цепочкой событий. Или проще сделать несколько форм и вызывать разные формы на разных триггерах?

Answer 1

[tyzberd]

вы можете задать для мод окон разные ид, а в событие wpcf7mailsent проверять в каком окне форма находится и отправлять в разные цели

Comments

[Борис Шпаковский]

Вот думал об этом. То есть при помощи js раздавать айдишники модалкам, и через if проверять.
А кстати нашел в доках метод этот:

var wpcf7Elm = document.querySelector( '.wpcf7' );
 
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    alert( "Fire!" );
}, false );

Спасибо за наводку))

[tyzberd]

Борис Шпаковский,
можно так с классом. Событие делать делегированным, т.к форма при генерации окна наверно перемещается

$(document).on('wpcf7submit', '.wpcf7', function(e){
    var formModal = $(this).parents('.modal');
    if(formModal.hasClass('modal-form-1')) {
	//яндекс 1
    } else {
	//яндекс 2
    }
});

Answer 2

[Анатолий Куликов]

Нам нужна некая переменная, которая будет обозначать триггер. По-умолчанию она будет пустая.

При нажатии на кнопку-триггер в переменную записывается ключ, значение переменной вписывается в скрытый инпут формы. Вот вроде как и всё.