更新时间:2023-10-11 GMT+08:00

嵌入云客服系统的页面无法打开

问题现象

完成来电弹屏配置后,云客服页面无法显示被集成的企业页面,报错X-Frame-option设置问题。可能出现的报错样式请参见图1

图1 页面报错

解决方法

本产品采用iFrame方式集成企业的页面,仅支持集成HTML页面中,消息头X-Frame-Options未设置具体的值或设置为ALLOW-FROM uri的页面进行内嵌,其中uri指定为云客服地址的页面。

X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 <frame>, </iframe> 或者 <object> 中展现的标记。网站可以使用此功能,来确保自己网站的内容没有被嵌套到别人的网站中去,如图2所示。

因此在集成时,请先在开发工具中查看待嵌入的企业页面的X-Frame-Options值。

  • DENY:不允许任何页面嵌套(同域名下的也不行)
  • SAMEORIGIN:只可被同域名下的其他页面嵌套
  • ALLOW-FROM uri:可被指定的页面嵌套
  • 无设置:可被任何页面嵌套

如果您的企业页面的X-Frame-Options的值为DENY、SAMEORIGIN时,请选择配置中心 > 扩展与集成管理 > 弹屏配置 > 编辑,将“修改来电弹屏配置”页面的“打开方式”配置为独立打开。

图2 查看X-Frame-Options属性