【发布时间】：2020-01-17 17:32:04
【问题描述】：
我正在尝试将 hotjar 集成到 wordpress 网站中并且可以完美运行，但是该页面有一个 iframe，其中包含一些需要记录的重要数据问题是我遵循 hotjar 提供的指南但没有按预期工作，我在 iframe 所在的录制部分得到这部分。
【问题讨论】：
标签： reactjs wordpress iframe hotjar
【发布时间】：2020-01-17 17:32:04
【问题描述】：
您提到的解决方案建议将属性 data-hj-allow-iframe="" 添加到 <iframe> 并在您的 Hotjar 管理面板中声明（白名单）该 URL
正如指南 [1] 所解释的，iframes 的录音有一些（很多）限制。其中之一是在录音中 JavaScript 不会被执行。有些网站强制要求启用 JS 以显示内容，这似乎是您的情况。所以最终你可能会看到鼠标移动，但下面没有内容。
以这种方式考虑 Hotjar 记录：记录任何用户操作，并在播放时渲染操作和在下面渲染相应的站点。出于安全原因，这在 iframe 中受到许多方面的限制。查看记录时，您的“iframed”站点被限制执行 JS。很抱歉这么说，但你可能无法在这里做你想做的事。
[1]https://help.hotjar.com/hc/en-us/articles/115011624347-Can-I-track-iframes-inside-Recordings
【讨论】：
如果您控制 iframe 的另一侧，您可以在那里添加脚本并将其从父框架中删除，您还需要使用某种代理将 iframe URL 与子域级别匹配，否则，Hotjar 录制将不会触发。来自父框架的 iframe 内的记录仅限于静态（不依赖于 Javascript）页面，这是不寻常的。
【讨论】：
Hot Jar 不允许访问外部 iFrame，请参阅他们的文档
”如果您的 iframe 不是第三方 iframe 并且托管在您的网站上，您可以添加一个 HTML 属性，以便查看录制文件中的内容。仍然不会捕获移动和输入数据。”
如果您的 iFrame 是第 3 方，大多数情况下，您无法访问它，就这么简单。
【讨论】：