TOPIC:

Hi,

I'm trying to add this onclick attribute to the submit button of a form:

onclick="return gtag_report_conversion(' example.com/your-link ')"

I tried 2 different methods but they all create bugs in the form:

METHOD 1: Creating custom Submit button (as indicated in this thread bit.ly/3yCeUS5 )
Bug: The onclick attribute is not being added and the form is not being submitted.
Code:
function ff_SUBMITCUSTOM_action(element, action)
{
switch (action) {
case 'click':
onclick="return gtag_report_conversion(' example.com/your-link ')"
break;
default:;
} // switch
} // ff_SUBMITCUSTOM_action
ff_validate_submit();

METHOD 2: Adding a custom initialization script ( bit.ly/3lQFkMt )
BUG: The form is being submitted but not being validated and nothing is being sent to the mailback email or being received in the admin email
CODE:
function ff_FreeAuditRequest_breezy_EN_init()
{
jQuery('#bfSubmitButton').attr('onclick', "gtag_report_conversion(' example.com/your-link ');" + jQuery('#bfSubmitButton').attr('onclick'));

} // ff_FreeAuditRequest_breezy_EN_init

Of course instead of example.com/your-link i put my link. This is just to show the code example.

Any suggestions on what might be going on?

Thanks.

Hi,

Go to your forms advanced properties > Scripts > Initialization script, click Custom and click Create code framework. Inside the created function (between the curly brackets { }), add the following:

Let me know the Result!

Regards,
Mirko

I tried your suggestion and here are the bugs I encountered:

1. If I leave some required fields empty the "Please fill in the required fields" message is being displayed and when I close the message the form is being submitted without letting me fill the required fields first.

2. The double quotes between the url ("example.com/your-link") get transform into html entities (& quote ; example.com/your-link & quote ; ) but I was able to fix that bug by replacing the double quotes with single and the first single quotes with double quotes like so:

jQuery('#bfSubmitButton').attr('onclick', "gtag_report_conversion('example.com/your-link');" + jQuery('#bfSubmitButton').attr('onclick'));

3. Also if I add the return keyword to insert the exact code google is asking to add, like so:

jQuery('#bfSubmitButton').attr('onclick', "return gtag_report_conversion('example.com/your-link');" + jQuery('#bfSubmitButton').attr('onclick'));

the form is being sent without sending any auto-responder/admin emails nor validating any fields.

Other than that the form works perfectly without the google code added to the onclick attribute.

Any other suggestions?

Thanks.

Hi,

ok, I will see what I can do with this and back to you as soon as possible.

Regards,
Mirko

Ok. Thanks. I need to deliver this asap so your help is greatly appreciated.

Hi,

3. Also if I add the return keyword to insert the exact code google is asking to add, like so:

did you try to send the Form with out RETURN keyword?


Regards,
Mirko