Яндекс.Метрика + форма 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. В данном случае, насколько я понимаю, код формы редактировать нельзя. Буду благодарна за подсказки!


Ответы (0 шт):