Troubleshooting:Heatmaps

From ClickTale Wiki
Jump to: navigation, search

This is a troubleshooting guide specifically for Heatmaps. For general ClickTale troubleshooting, please see Troubleshooting.

Contents


Why is my Heatmap misaligned?

This can happen on occasion, if the body tag on your page has "position:relative" defined in CSS (either in an inline style attribute for the tag or through an embedded or external style sheet). To fix this change:

<body style="position:relative;">
... content ...
</body>

To:

<body style="position:static;"><div style="position:relative;">
... content ...
</div></body>


Alternatively you could add the following to your HTML page (after the body element loads):

if(window.ClickTaleContext){
document.body.style.position="absolute";
}

Please note this should not result in any changes to how your website looks.

If none of the above solutions work for you, or you have any other questions, please see our [source: http://forum.clicktale.net/viewtopic.php?f=2&t=778 forum post] regarding this topic.

Why is my webpage not being displayed correctly in the Heatmap?

This might happen sometimes in cases in which the base tag:

<base href="http://www.domain.com/" />

is located below the links to your CSS files.

<link href=" type="text/css" />

Placing the base tag above the links to the css files should solve this problem.