Google Analytics On Click Bug

Hey guys,

My developer and I noticed a bug related to the contact form and tracking form submissions when Google ReCaptcha (v2 – haven’t tested v3) is enabled.

We have tried it on multiple sites and noticed the same issue. To try and explain it:

When you want to track contact form submissions, we add some code from your documentation:

add_filter('avf_contact_form_submit_button_attr','avia_add_submit_attributes_to_cf', 10, 3);
function avia_add_submit_attributes_to_cf($att, $formID, $form_params){
$att = "onclick=\"gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});\"";
return $att;
}

This successfully tracks form submissions on both GA3 and GA4 setups.

However, as soon as you enabled Google ReCaptcha, it adds the code into the page twice, so duplicate submissions are recorded for every for submission.

This is what gets added to the page:

<input type="button" value="Submit" class="button av-verify-recaptcha-0 av-recaptcha-submit avia_button_inactive" onclick="gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});" data-sending-label="Sending" title="Please validate that you are a human first">

<input type="submit" value="Submit" class="button avia_button_inactive av-recaptcha-submit-real" onclick="gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});" data-sending-label="Sending" style="display: none;">

If you turn off ReCaptcha and use the Enfold number captcha, the second set of code gets removed and so the tracking works correctly.

Can you please take a look?

Thanks guys.

Tim