Try using the Manual Heatmap Retake tool before setting up a delay
Delaying the screenshot is a workaround mainly for pages that have slow-loading content or elements that display after an interaction. The delay will only delay the screenshot, not the Hotjar Tracking Code from collecting data. We suggest trying the Heatmap Retake tool before the trying the delay method.
If your website uses scroll to reveal, dynamically loaded elements, or has a pre-loader, there are a couple of ways to delay the screenshot capture, to ensure all elements have loaded.
Setting up a Manual Heatmap screenshot delay
Continuous Heatmaps behave differently.
If you're using Continuous Heatmaps, this article will not be applicable. The ability to delay a screenshot that is captured on Continuous Heatmaps is not available at this time. Learn more about Continuous Heatmaps.
A Manual Heatmap can be manually delayed by adding a snippet to the end of the URL and taking a custom screenshot to ensure a user does not trigger the Heatmap.
It's important you don't skip any of these steps.
Create a new Heatmap.
Under Advanced Options, set a Custom Screenshot URL.
This will be the same URL that you put in the page targeting field, except you'll add: ?hjDelay=10000.
Does your URL already contain query strings?
For example, http://www.example.com/mypage/?category=mycategory&option=1 with the hjDelay value as an additional query string would be http://www.example.com/mypage/?category=mycategory&option=1&hjDelay=10000.
Create the Heatmap.
Wait 5 minutes.
Visit the Custom Screenshot URL.
This is the unique URL that you created for your personal site, like http://www.example.com/?hjDelay=10000 . You'll have 10 seconds after the site begins loading to scroll to the bottom of the page to make sure all content is visible, scroll back to the top and open the menu.
Repeat step 6 again for the mobile and tablet view.
The best way to capture these views, would be through using DevTools in Chrome.
You can also use the Chrome Developer tools to verify that a screenshot was taken. A similar request to the one shown below means the screenshot was successfully taken!
Wait to see if you can view the Heatmap in your dashboard.
It will take no more than five minutes for you to see the Heatmap in your dashboard if the screenshot was captured correctly. If you are still unable to see the Heatmap, reach out to Support for troubleshooting help.