腾讯云联络中心 TCCC 网页端接入提供两种部署方式,分别为网页组件(Web JS)与会话链接(URL 链接),开发者通过简短的代码或地址调用,就可以直接将在线会话能力集成到网页中,省去大量的开发调试时间。
接入步骤
1. 直接访问 腾讯云联络中心 TCCC 管理工作台,左侧导航栏单击在线客服 > 渠道管理后选择网站渠道,单击新增网站。![](https://qcloudimg.tencent-cloud.cn/image/document/37617350fa06ba86693cc5c81257a39f.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/37617350fa06ba86693cc5c81257a39f.png)
2. 在添加桌面网站对话窗口中填写“桌面网站名称”,单击确认。网站名称用于接入网页标题展示
![](https://qcloudimg.tencent-cloud.cn/image/document/c517747f552c8b1af3a02ce92c9ac9bc.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c517747f552c8b1af3a02ce92c9ac9bc.png)
3. 在线会话顶部展示网站名称效果如下:
![](https://qcloudimg.tencent-cloud.cn/image/document/5e4fae4b4c7359ffcc70fec5234d4227.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/5e4fae4b4c7359ffcc70fec5234d4227.png)
4. 新增网站后在操作列单击接入方式选择部署方式。
单击复制内嵌插件代码粘贴到您的网站的标签之前,即可完成部署。
![](https://qcloudimg.tencent-cloud.cn/image/document/959bac2987b864a5a46939b5ad0c67ff.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/959bac2987b864a5a46939b5ad0c67ff.png)
单击复制会话链接嵌入,桌面版适用于电脑端网页接入,移动版适用于 App/H5/小程序接入。
![](https://qcloudimg.tencent-cloud.cn/image/document/dcbecb2852cc7530937d7b52f065e9db.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/dcbecb2852cc7530937d7b52f065e9db.png)
隐藏标题栏方法
在 WebView 中出现双重标题栏,造成“双下巴”现象,如下图所示。如需隐藏该标题栏,可通过添加
&hideHeader=true
使用 https://tccc.qcloud.com/web/im/index.html#/H5chat?webAppId=XXXXXXXXXX&hideHeader=1
。![](https://qcloudimg.tencent-cloud.cn/image/document/c33599581296bf6696bdec080fa73952.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c33599581296bf6696bdec080fa73952.png)