WordPress.org

Ready to get started?Download WordPress

Forums

Ninja Forms
Adding Javascript onSubmit action with Ajax forms (3 posts)

  1. pidginbil
    Member
    Posted 2 years ago #

    I'm currently configured to "Submit via Ajax." which is my preferred user experience. This means that I need to add a javascript onsubmit action to call Google analytics to track successful submissions in my goal funnel.

    If its possible to add an onsubmit action to the Ninja Forms Lite form tag, how do I do it?

    If it isn't possible, do I have any alternatives to deselecting "sumbit via Ajax" and creating a "success" page?

    http://wordpress.org/extend/plugins/ninja-forms/

  2. Kevin Stover
    The WP Ninjas
    Plugin Author

    Posted 2 years ago #

    Hey pidginbil,

    You can do that in your own JS file, you just want to add an action to the "onclick" event of the submit button ID for your form.

  3. pidginbil
    Member
    Posted 2 years ago #

    Thanks Kevin ... I'm a little bit outside my comfort zone with JavaScript, so please help me out a bit if you can.

    button field ID: 9
    Using Inspect element, the Button HTML is:

    <input id="ninja_submit" name="ninja_submit" type="submit" value=" Submit " class=" ">

    the JavaScript I'd like to call is for google analytics:

    onsubmit="pageTracker._trackPageview('/pagename'); return false;"

    Where pageTracker._trackPageview is defined elsewhere on the page:

    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-######-#");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>

    I do know how to add a javascript snippet to a wordpress page. What this untrained noob don't understand is how to wrap the onsubmit event in a way that ties it to the button ID.

    Thanks

    BILL

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic