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

问题现象

完成来电弹屏配置后，云客服页面无法显示被集成的企业页面，报错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属性