ClickTale Support Forums

Dear Users,

Recently we have added additional processing for the caching mechanism which should help you make your pages more consistent.
It solves the problem of having multiple page versions - each with few pageviews - in step 2 of heatmaps and form analytics generation. Using these processing rules will allow you to tell us how to cache your page better.

For demonstration purposes lets look at a part of an HTML document



Lets say that the word "Tal" is dynamically generated. So for each visitor you will see a different value there.
This will create multiple version of the page (one for each visitor) and heatmaps will be very hard to use

To overcome this issue, you can replace the above code with the following




This will make sure the cached version on our server will remove the username (and "Hi")
the cached version will become:



Now, lets say you want an alternative content to be displayed when you view playback/heatmaps/whatever.
You can specify alternative content simply:



This will become



You can put HTML in the alternative content section and it can span multiple lines.

You can also use the javascript & css versions:




this will become



You should use this method to mark any timestamps, unique ids, "processed in X seconds" messages, random values and rotating elements. Doing this will insure you can aggregate those pages by version.

Using this method you can also remove other web analytics and tracking codes. Do note that we already remove many of the popular tracking/monitoring services when we cache by default.

Regards,
ClickTale Team.

Hi Tali,

I am interested to find out the heat maps for a page that is fully populated using JavaScript dynamically for each user. I mean, the very same page looks different for each visitor, and it is fully populated using JS dynamically. How can I find heat maps for such a page?

Any ideas/thoughts?

Best
Adi

Is the HTML the same for all the users?
Where does the js get the dynamic data from?

Arik.

Hi guys. Is there a simple way to identify what is different between the versions? I've marked what I think is all (most?) of the content that could show differently on the same page, but I'm still ending up with multiple versions of the same page.

Hi,

There is a way. You will need FireFox and a "diff"ing utility such as WinDiff (http://www.grigsoft.com/download-windiff.htm) or WinMerge (http://winmerge.org/)

Follow these instructions:

• Open one of our overlay reports and reach a stage when you are shown a list of versions.
• Click the preview icon (looks like a magnifying glass) on the first option, and the version will be displayed in a frame on the page.
• Right click on your page in the frame -> "This Frame" -> "Save Frame As...".
• You will get a "Save as" dialog. The name of the file should be a long alpha numeric string (i.e. 3768a65c6259d70c9bac499ac8a3f3d4f5eafc1d.html). Save to your disk.
• Repeat steps to save the second version to your disk as well.
• Run Windiff or Winmerge to compare the two files you have saved.

Arik.

Thanks Arik. I think I already found the source of the difference, but this will be helpful for identifying others in the future.

Cheers.