Tracking Forms (JavaScript) - Revision history

Admin at 15:40, 26 February 2016

2016-02-26T15:40:57Z

Admin at 15:40, 26 February 2016

2016-02-26T15:40:36Z

Admin at 20:31, 18 July 2011

2011-07-18T20:31:59Z

Admin at 21:22, 4 February 2011

2011-02-04T21:22:04Z

Admin at 00:11, 4 November 2010

2010-11-04T00:11:36Z

Admin at 00:09, 4 November 2010

2010-11-04T00:09:34Z

Admin: 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…'

2010-11-04T00:08:07Z

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…'

New page

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:'''
<pre><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></pre>

'''After:'''
<pre><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></pre>

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|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 link which already has the '''onsubmit''' attribute in use, then you'll need to modify how you invoke it:

'''Before:'''
<pre><form method="post" action="." onsubmit="return validate_form()"> ... </form></pre>

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

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 [http://conversion.marketruler.com/setup/codegen.php tools in '''ConversionRuler'''] to help you do this.

== See also ===
* [http://conversion.marketruler.com/setup/codegen.php ConversionRuler Code Generator]
* [[JavaScript]]
* [[JavaScript onclick]]
* [[Tracking Links (JavaScript)]]

[[Category:ConversionRuler]]
[[Category:ConversionRuler JavaScript Functions]]
[[Category:Technical]]
[[Category:Snippet]]

@@ Line 53: / Line 53: @@
 * [[JavaScript onclick]]
 * [[Tracking Links (JavaScript)]]
-* [[When to use __CR.submit, cr_link, and __CR.track]]
+* [[When to use __CR.submit, __CR.link, and __CR.track]]
 [[Category:ConversionRuler]]

@@ Line 1: / Line 1: @@
-The '''cr_submit''' function is a [[JavaScript]] function which enables you to track when visitors to your web site submit a form.
+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:
+The syntax for using '''__CR.submit''' in a form is as follows:
 '''Before:'''
@@ Line 15: / Line 15: @@
 '''After:'''
-<pre><form method="post" action="." onsubmit="return cr_submit(this, '1')">
+<pre><form method="post" action="." onsubmit="return __CR.submit(this, '1')">
      <label for="first_name">First Name</label>
      <input type="text" name="first_name" value="" />
@@ Line 30: / Line 30: @@
 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.
+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 ==
@@ Line 39: / Line 39: @@
 '''After:'''
-<pre><form method="post" action="." onsubmit="return validate_form() ? cr_submit(this,'1') : false"> ... </form></pre>
+<pre><form method="post" action="." onsubmit="return validate_form() ? __CR.submit(this,'1') : false"> ... </form></pre>
 '''Alternate:'''
-<pre><form method="post" action="." onsubmit="if (validate_form()) { return cr_submit(this,'1'); } else { return false; }"> ... </form></pre>
+<pre><form method="post" action="." onsubmit="if (validate_form()) { return __CR.submit(this,'1'); } else { return false; }"> ... </form></pre>
 The above solution may change on a case-by-case basis. If you are ever in need of assistance, please contact [[ConversionRuler Support]].
@@ Line 53: / Line 53: @@
 * [[JavaScript onclick]]
 * [[Tracking Links (JavaScript)]]
-* [[When to use cr_submit, cr_link, and cr_track]]
+* [[When to use __CR.submit, cr_link, and __CR.track]]
 [[Category:ConversionRuler]]

@@ Line 57: / Line 57: @@
 [[Category:ConversionRuler JavaScript Functions]]
 [[Category:Technical]]
-[[Category:Snippet]]
+[[Category:ConversionRuler Installation]]

@@ Line 33: / Line 33: @@
 == 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:'''