AJAX Form Handling

To manually report customer conversions to Bizible, we have provided a very simple API that you can use. Both of these Javascript APIs are automatically available on your site, if you have our tracking code on it. No need to do anything special to access them.

Scenario 1 - HTML form with an AJAX submit

When using forms containing AJAX (or another mechanism) to submit conversion dates from the client to our servers, Bizible may not be aware of the customer conversion through any of the standard paths that we monitor. In this scenario, we can leverage a simple API (provided below).

If you handle your own form submissions, you can explicitly call Bizible from the Javascript. Bizible will collect all the relevant information from the form and post it asynchronously to our servers.

Below is a code sample using JQuery (assuming the ID on the form is “formId”):

///////////////////////////////////////////////////////////////////////  
// Preamble for all API usage.  
window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };  
  
// Give Bizible the JQuery Selector for the form and we'll collect the data automatically.  
Bizible.Push('Form',$('#*formId*'));

Below is a code sample not using JQuery (assuming the ID on the form is “formId”):

///////////////////////////////////////////////////////////////////////  
// Preamble for all API usage.  
window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };  
  
`// Give Bizible the Form ID and we'll collect the data automatically.`  
`Bizible.Push('Form','MyFormID');`

Scenario 2 - Lead information collected in a non-HTML form

If information from a converted lead is collected using Javascript or simple text fields with no html form, this solution will work for you. Shared below is the API to use in this scenario:

///////////////////////////////////////////////////////////////////////  
// Preamble for all API usage.  
window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };  
  
// If your site is using Ajax, or you are running a secure site, it is best to send us the data directly.  
`Bizible.Push('User', {`
`eMail: 'user@gmail.com' // required`  
`});`  

In this code, the email field is required. Bizible will post this data asynchronously to our servers.

Scenario 3 - Report user information from the thank-you page

In some cases, it is more convenient to report the lead information to Bizible from the thank-you page, after the form is submitted. The simplest way to report this information is to add a hidden element to the page that holds information from the form submission, and Bizible.js will read this information when the thank-you page has loaded.

For example:

<div id="bizible.reportUser" style="display:none"  
data-email="user@gmail.com">  

It doesn’t matter whether the hidden element is a div, script, or any other tag type. Bizible looks for the id=“bizible.reportUser” to read the information.

On this page