Яндекс.Метрика + форма Wordpress
Нужно создать цель для Яндекс.Метрики: событие отправки формы на сайт, сделанный на Wordpress. Формы - встроенные в тему Enfold. Нажатие на кнопку "Отправить" не подходит, поскольку нажать можно, не заполнив форму, или заполнив её неправильно, и отправки не произойдёт. Полагаю, нужно написать JavaScript, привязав его к событию исчезновения класса hidden из элемента, содержащего сообщение об успешной отправке формы. Сообщение выглядит так:
<div id="result_ajax_response_1" class="ajaxresponse ajaxresponse_1">
<h3 class="avia-form-success ">Ваше сообщение отправлено!</h3>
</div>
Вся форма целиком в коде страницы выглядит так:
<form action="https://bistem.ru/" method="post" class="avia_ajax_form av-form-labels-hidden avia-builder-el-48 el_after_av_textblock el_before_av_textblock av-centered-form " data-avia-form-id="1" data-avia-redirect='' >
<fieldset>
<p class=' first_form form_element form_fullwidth' id='element_avia_1_1'>
<label for="avia_1_1">Ваше имя <abbr class="required" title="required">*</abbr></label>
<input name="avia_1_1" class="text_input is_empty" type="text" id="avia_1_1" value="" placeholder='Ваше имя*'/>
</p>
<p class=' first_form form_element form_fullwidth' id='element_avia_2_1'>
<label for="avia_2_1">Емейл или телефон <abbr class="required" title="required">*</abbr></label>
<input name="avia_2_1" class="text_input is_empty" type="text" id="avia_2_1" value="" placeholder='Емейл или телефон*'/>
</p>
<p class="hidden">
<input type="text" name="avia_3_1" class="hidden " id="avia_3_1" value="" />
</p>
<div id='avia_4_1' class='av-recaptcha-area first_form form_element form_fullwidth ' data-container_class="" data-custom_class="" data-context="av_contact_form" data-token_input="av_recaptcha_token" data-version="avia_recaptcha_v3" data-theme="light" data-size="normal" data-score="0.5" data-text_to_preview="" data-value="">
<div class="av-google-badge-message hidden">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</div>
</div>
<p class="form_element ">
<input type="hidden" value="1" name="avia_generated_form1" />
<input type="submit" value="Отправить" class="button" data-sending-label="Отправляется"/>
</p>
</fieldset>
<div class="avia-disabled-form">This contact form is deactivated because you refused to accept Google reCaptcha service which is necessary to validate any messages sent by the form.</div>
</form>
<div id="ajaxresponse_1" class="ajaxresponse ajaxresponse_1 hidden"></div>
В Яндекс.Справке вижу примеры создания событий через интеграцию в html. В данном случае, насколько я понимаю, код формы редактировать нельзя. Буду благодарна за подсказки!