Heatmap plugin page rendering error

Hi? The heatmap plugin not rendering page correctly. I already have followed the guide given at the following two pages.

It solves the problem for one website but I am still getting the rendering issue for an other website.
Please help me to solve this problem. If you need my matomo instance access I would provide it to you. Thanks in advance!

Hi Naser,

If you check the web console on the heatmap page, can you see any errors?

Thanks,

I found the following errors on heatmap page in console.

Access to font at ‘https://sanramonautorepair.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf’ from origin ‘https://myseodata.net’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Access to font at ‘https://sanramonautorepair.com/wp-content/themes/Divi/core/admin/fonts/modules.woff’ from origin ‘https://myseodata.net’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Hi there,

This guide may help here: How do I configure my Piwik server to allow cross domain requests? (CORS) FAQ - Analytics Platform - Matomo

Thanks,

@Naser_Aslam

It seems like your website doesn’t allow the CORS reqeuests needed to load the fonts from your website in Matomo.

This is explained in the third bullet point here:
https://matomo.org/faq/heatmap-session-recording/faq_24272/