Run JavaScript on Form Button Click If I Can't Modify The Form HTML

[Planet13]

Hi Everyone:

Is it possible to run some javascript (Adwords tracking code) on a Form submit button if I am not able to directly modify the html code for the form itself?

I CAN put javascript in the head of the page, or right before the closing body tag as well. Just not in the form itself.

The input code that is presently there is this:

<input class="et_pb_contact_submit" type="submit" value="Submit">

It is an Ajax form, so it doesn't go to a different page.

Here is the google conversion code:

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 123456789;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "fbfbfb";
var google_conversion_label = "abcdefghijklmnop";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/123456789/?label=abcdefghijklmnop&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

Thanks in advance.

I would really appreciate it too if when you answer, you write it as if you were speaking to someone who has little to no knowledge of javascript... which is pretty much me.

[whoisgregg]

Google Analytics allows you to send a custom "page view" event and override what URL is tracked. That looks like:

ga('send', 'pageview', '/this/is/not/a/real/url');

You would add this code to the javascript that is already overriding the form's submit event. If you are using jQuery that might look like this:

$( "#id-of-form" ).submit(function( event ) {
// track the event in GA
ga('send', 'pageview', '/ajax/form-submitted');

// rest of your code here...
});