onclick tracking

I simply want to add an onclick event to the submit button for google analytics tracking. that way I can see if people submit forms when i have the ajax functionality on (which keeps the user on the page)

whats the best way to do this?

Do I have to modfy core code? If I do what line of the file mods that.

Thanks!

This is the code I am trying.

<script type="text/javascript">
  $(document).ready(function() {

    $('#gform_1 input[type=submit]').click(function () {
      pageTracker._trackPageview('/submit/')
    });

  });
 </script>

I will let you know if it works. Thanks.

I'm in the same boat. I tried a slightly different approach though. In the confirmation message area. I added:

<script type="text/javascript">pageTracker._trackPageview('/contact/contact-form.html');</script>

I then set up a two step Google Analytics goal that started at the contact forms address of "/contact/" and ends at the fake success page of "/contact/contact-form-success/"

This doesn't log in Analytics as a goal.

I then tried the other two options on the confirmation tab (page and redirect) and inserted the above javascript on those pages. Neither of those options logged the Analytics goal either.

My Google Analtyics javascript include is in the header section of my website so I know that isn't the case.

I absolutely love Gravity forms and native support for Google Analtyics goal tracking would be icing on the cake.

I'd love to have this post revisited. Is anyone using goal tracking with Google Analytics + Gravity? Care to share how you have it set up?

Here's an easy way to set up Google Analytics event tracking for a successful Gravity Forms form submission: http://pastie.org/1057774

General Usage:

Paste this code into your theme's function file. This code assumes that you have already included jQuery and the Google Analytics embed code for your site.

Quick break down:

edited December 19, 2013 to change from gform_post_submission to gform_after_submission.

add_action("gform_after_submission", "gf_ga_tracking", 10, 2);

We make use of the gform_after_submission action to trigger a function after the form has been submitted. The entry is validated before this action is called, so we know that the form has been submitted successfully.

if($form['id'] != 4) return;

We check to make sure that we only continue processing this function if we are on the correct form. Replace '4' with your form id.

<script type="text/javascript">
        jQuery(document).ready(function($) {
            _gaq.push(['_trackEvent', 'Forms', 'Submission', 'GA Testing Form FINAL']);
        });
    </script>

This next bit assumes that you already have the Google Analytics embed code on your site and jQuery included. All we're doing is "pushing" an event to GA. For more information on this line, check out the GA documentation.

And that, my friends... is all there is to it. I'll do a more thorough write up as time allows. Hope this helps! :)

Just a quick update to this... it worked like a charm.

David?

Thanks David,

I've sent you an email...

This should really be in the core. Seems like a much required feature!

Has this been improved any? I need to track submissions with 3 different scripts: One with the Google analytics' _trackPageview function, the second with the Google AdWords conversion script, and the third with the Microsoft AdCenter conversion script. I do NOT want to forward to a different page for this.