ClickTale Support Forums

We're currently using Clicktale for our static website without issue, but we've just created a AngularJS single page application, and we're trying to figure out how we can get Clicktale to capture route changes and do session playbacks.

I can see visits if I refresh the page (which won't happen in SPA), I can see mouse movements, clicks, etc, but the page is blank during session playback.

My boss found a post from a company called Mozio who use AngularJS and Clicktale.

http://davidlitwak.com/the-unseen-cost-of-using-the-best-technology-angularjs

From the post, I believe it is possible to make Clicktale aware of route/content changes, but requires some additional effort (to be expected). However, I'm unclear as to where to start.

Has anybody managed to integrate AngularJS, or Ember, or any client-side JavaScript libraries with Clicktale successfully, and if so, how?

Any help would be greatly appreciated.

Thanks

Hi mrsinglepage,

Thanks for getting in touch through our forums!

At the moment, ClickTale doesn't support routing out-of-the-box. A few things to note regarding how ClickTale works (and the API you can use):

1) Inside ClickTale reports, your page is loaded from our own data center (not from the live page), with a hash-style file name. For example: http://clicktale/1234.html (instead of http://yourdomain/yourpagename.html).

2) Most of the times a 'click' event is the main trigger for navigating through your SPA (like clicking on a link or a button to move to the next page). By default, our session player only record the fact that a 'click' happened, without actually re-creating that click. You should use our Event Simulation API to make sure 'clicks' are re-triggered inside our session player (instead of just being visually presented).

---http://wiki.clicktale.com/Article/Help_talk:Simulating_User_Events_using_ClickTaleExec

3) For our Aggregated Reports, you can use our Context API, together with ClickTale Events - so that you will be able to tag specific pages in your SPA for filtering inside ClickTale (since it's all a single URL as far as a ClickTale recording goes). More on this here: http://wiki.clicktale.com/Article/Aggregated_Reports_for_different_page_states


I hope this helps!


If you have any specific questions regarding your account, feel free to get in touch with our support:
--- http://subs.clicktale.net/CustomerSupport.aspx?ticket=s


Cheers

Hi,

Can you please elaborate on how to get started implementing ClickTale in AngularJS applications?
Is there a difference in supported features in this case?

Thanx!

Hi Karen,

Thanks for getting in touch!

Due to the dynamic nature of AngularJS applications, ClickTale does not support these type of apps out-of-the-box, and so additional setup and use of our API is required.

If you would like to get specific information on on how to setup ClickTale with your application, please do contact our support team:

1) If you already have a ClickTale account - use the following link to open a ticket with our support team: http://subs.clicktale.net/CustomerSupport.aspx?ticket=s

2) Otherwise, please email: supp...@clicktale.com


Cheers