14.1接入步骤

1.获取接入代码

管理员、座席登陆优音云客服系统,点击左下角进入设置页面

设置 —> 对接设置 —> 电话条设置 —> 添加

点击【接入代码】获取Script引入信息

【注意】
1、phone.js必须引用ykf.uincall.com域名下的文件，以免js库升级影响后续使用
2、手动修改phone.js文件可能导致版本升级后无法正常使用，如有疑问请联系对接人员进行咨询

2. 配置页面

2.1 引入js接入代码

将接入代码(< script src=”https://ykf.uincall.com/telephonebarplugin/phone.js">< /script>)，放入index.html页面的header中（其中phoneId=”xxx”，为对接ID，可以不用在此处添加，需要自己保存，接口调用时需要使用）。如果工程中无index.html，可通过动态加载方式引入，参考如下代码：

const script = window.document.createElement('script')
script.src = 'https://ceshi.uincall.com/telephonebarplugin/phone.js'
const head = window.document.head || window.document.getElementsByTagName('head')[0]
head.appendChild(script)

2.2 添加标签代码

在需要显示电话条的位置，添加代码：< div id=”telephoneBar” data-width=”800px” data-height=”110px” >< /div>

tip:完成以上步骤后，需要使用电话条功能还需要第三方系统根据实际使用场景完成电话条的登录、登出等接口集成，详情见14.2 接口使用说明章节。