Want to track AJAX form submits. Is this correct?

[alfredo.uy]

Hi!

I would like to track everytime a visitor clicks a AJAX contact form's submit button. I created an event in Google Analytics and plan to add some javascript to the submit button code.

This is the current submit button code:

This is how it'll look after I add the category, action, etc.:

Is this correct or am I missing something? Please let me know if you need further detail.

Thanks a lot!

[Ben_Alvord]

That looks good to me.  If you are unaware, once you get that event tracking properly, you can also setup conversion goals in GA which are triggered by custom events.

[alfredo.uy]

Hi Benjamin,

Thanks for taking the time to reply.
I posted my question 4 days ago and frankly had lost all hope for a reply so I asked in another forum and got the same recommendation. So I added the GA category, action, etc to the javascript validation section as you can see below

success: function(data){  if(data == 'true'){    jQuery('input, select, textarea', form).val('').css({'background-position': '5px 9px'});    jQuery(message).html('Message sent.');    _gaq.push(['_trackEvent', 'Contact', 'Inquiry', 'Inquiry Form', 0, false]);  }}

I'm waiting for the developer to implement this and see if it works.Well, thanks again and if you have further comments they're are more than welcome

[Ben_Alvord]

Hi Alfredo,

Your syntax there all looks correct.

I'd recommend though, if it's possible, to instead trigger the event after the form submission has gone through.  In your code above, the event will trigger whether or not the submission goes through, so if the user gets stopped by validation or something, it'll still count as a submission.

In any case, what you have above is correct.