Difference between revisions of "Tracking Forms (JavaScript)"

From Market Ruler Help
Jump to: navigation, search
(Created page with 'The '''cr_submit''' function is a JavaScript function which enables you to track when visitors to your web site submit a form. == Simple implementation == The syntax for usi…')
 
m
Line 33: Line 33:
  
 
== Advanced implementation ==
 
== Advanced implementation ==
If you want to track a link which already has the '''onsubmit''' attribute in use, then you'll need to modify how you invoke it:
+
If you want to track a form which already has the '''onsubmit''' event in use, then you'll need to modify how you invoke it:
  
 
'''Before:'''
 
'''Before:'''

Revision as of 00:09, 4 November 2010

The cr_submit function is a JavaScript function which enables you to track when visitors to your web site submit a form.

Simple implementation

The syntax for using cr_submit in a form is as follows:

Before:

<form method="post" action=".">
    <label for="first_name">First Name</label>
    <input type="text" name="first_name" value="" />
    <label for="last_name">Last Name</label>
    <input type="text" name="last_name" value="" />
    <label for="email">Email</label>
    <input type="text" name="email" value="" />
</form>

After:

<form method="post" action="." onsubmit="return cr_submit(this, '1')">
    <label for="first_name">First Name</label>
    <input type="text" name="first_name" value="" />
    <label for="last_name">Last Name</label>
    <input type="text" name="last_name" value="" />
    <label for="email">Email</label>
    <input type="text" name="email" value="" />
</form>

Specifically, you will add an JavaScript onsubmit handler to your form to invoke our tracking prior to the user submitting the form.

Add this code to any link you wish to track. As well, you will likely need to create a Conversion Action to assign to each type of link you want to track.

Note that the Action Code (in this case, "1") will change for different actions.

Finally, note that you need to Install the Tracking Snippet on each page where you use cr_submit for the above code to work.

Advanced implementation

If you want to track a form which already has the onsubmit event in use, then you'll need to modify how you invoke it:

Before:

<form method="post" action="." onsubmit="return validate_form()"> ... </form>

After:

<form method="post" action="." onsubmit="return validate_form() ? cr_submit(this,'1') : false"> ... </form>

The above solution may change on a case-by-case basis. If you are ever in need of assistance, please contact ConversionRuler Support.

As always, there are tools in ConversionRuler to help you do this.

See also =