如何修复Yandex Metrica会话重放功能的XMLHttpRequest无法加载错误？

这个错误是浏览器的**跨域资源共享（CORS）**策略阻止了Yandex Metrica Webvisor的XMLHttpRequest请求导致的，以下是针对性的解决步骤：

• 调整Nginx的CORS配置
  由于你的站点托管在wpmudev.com，需要在Nginx配置中添加允许mc.yandex.ru跨域请求的响应头。如果平台支持自定义Nginx规则，在站点的Nginx配置块中添加：

  add_header Access-Control-Allow-Origin "https://mc.yandex.ru";
  add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
  add_header Access-Control-Allow-Headers "Content-Type";
  

  若无法直接编辑配置，联系wpmudev支持提交配置修改请求即可。

• 排查插件与主题冲突

  • 临时禁用WPMU DEV的安全类插件（如Defender），这类插件可能会添加限制跨域的安全规则，测试错误是否消失。
  • 切换到WordPress默认主题（如Twenty Twenty-Four），排除Impreza主题的自定义脚本或响应头干扰。

• 优化Yandex Metrica标签设置

  • 登录Yandex Metrica后台，确认站点的「会话录制（Webvisor）」功能已正常启用。
  • 改用最新稳定版的Metrica标签，避免使用2.0B测试版，减少兼容性问题。
  • 确保标签代码放置在</body>标签前，保证脚本加载顺序正确，避免异步加载引发的跨域异常。

• 清除缓存并验证请求头

  • 用浏览器无痕模式访问站点，或清除浏览器缓存，排除旧缓存的影响。
  • 打开浏览器开发者工具的「网络」面板，查看请求mc.yandex.ru的响应头是否包含正确的Access-Control-*字段，确认配置是否生效。

内容的提问来源于stack exchange，提问作者Ricardo Valentim