当Matomo (Piwik)为热图和会话记录记录活动时,您的网站的HTML将被记录并在您查看热图或记录会话时显示。但是,您的网页嵌入的CSS和图像仍然会从您的网站加载。

  • 如果你有删除CSS或图像文件从您的网站,那么样式可能不再显示在热图或会话记录中。但是,任何生成的热图数据或记录的会话仍将正确显示,因为我们以一种特殊的方式以最大的准确性跟踪活动。Matomo尝试将每个网页的整个CSS存储在数据库中。在某些情况下,这可能不起作用当你从不同的域加载CSS时,这个FAQ.如果您正在加载缓存的CSS版本与唯一的文件名,如缓存/ 223 ks2j3jdmam4.css从不同的领域,你不能修复这个CORS问题,您可以指示Matomo加载非缓存的CSS版本或始终存在的CSS文件,通过更改HTML结构和设置data-matomo-href属性: ..在这种情况下,Matomo会加载uncached.css查看热图时文件。

  • 如果您没有删除CSS文件,但热图或会话记录仍然没有样式化,你的网站可能不支持HTTPS.在这种情况下,尝试通过“http://”而不是“https://”访问您的Matomo。我们建议您通过“https://”继续使用Matomo,并为您的网站创建一个HTTPS证书,以确保样式表被应用。

  • 如果您没有删除CSS文件,并且您的网站支持HTTPS,并且您的一些CSS或字体或字体图标仍然没有加载在热图或会话记录中,你的网站是在一个不同的域名作为你的Matomo实例问题可能是你的网站不允许跨域请求(CORS)。为了确认这个问题,在查看热图或会话记录时,您可以检查浏览器开发人员控制台(在“控制台”和“网络”选项卡中),是否看到任何错误:从来源https://piwik.example.com访问https://website.com的字体已被CORS政策阻止:
    被请求的资源上没有'Access-Control-Allow-Origin'标头。因此,来源“https://piwik.example.com”不允许访问。

    如果您在浏览器中看到此错误,解决方案是配置您的网站并通过输出HTTP报头启用CORSAccess-Control-Allow-Origin: *在你的网站回复或更好的代替使用定义CSS文件的Matomo跟踪域Access-Control-Allow-Origin: https://matomo.example.com.(更多信息请联系您的网站管理员)

  • 如果你正在使用浏览器扩展,如隐私獾或其他广告拦截器,他们可能会阻止一些你的网站资源的加载。请尝试禁用您的Matomo域名或URL上的扩展,并刷新页面。

  • 如果热图或会话记录仍然没有样式,请联系我们我们会进行调查。

以前的常见问题Matomo没有记录任何热图或会话,我该怎么办?
Baidu