AJAX Support for Playback

Introduction

 * AJAX calls during a pageview may result in content changes on the page that should be captured for display in playback.
 * The ClickTale tracking code contains an XHR wrapper (proxy) that can be enabled for capturing XHR requests and responses that occur during a pageview.
 * Those recorded actions are then replayed during playback of the page’s ClickTale recording, provided that the actions that trigger the AJAX call have been integrated using ClickTale's JavaScript Integration (see no. 2 below).

How to enable AJAX for Playback
1. Place the following code in the  section of pages for which you want to capture AJAX content for playback.

2. Integrate any functions that produce AJAX requests into ClickTale functionality using the ActivePlayback API or the ClickTaleExec API.

Note:

Make sure the wrapper code is placed before any code that makes an AJAX call, but after any META tag that sets compatibility.

XHTML-compliant version
If you need an XHTML-compliant version of the XHR code, copy and paste the following into the section of your page. Make sure the code is placed immediately after the tag, so it is located before all JS references.

Again, you must integrate any functions that produce AJAX requests into ClickTale functionality, as explained in step 2 above.

Note:

The actual deployment of the code is determined by the line near the bottom that reads document.head.appendChild(scriptElement);. This means the code will only function in the tag.

You can change it to function in the by changing the word head to body, resulting in document.body.appendChild(scriptElement);

For any issues or questions, please contact ClickTale support. 