接入网页渠道

1.  需求场景

网页接入支持手机网站和PC网站，支持主流浏览器，支持通过直连url、代码嵌入、高级自定义三种方式接入。

2.  使用条件

拥有网站站点或支持webview的应用产品。

3.  接入流程—直连url

1. 打开【配置-渠道管理-网页接入】页面，点击【添加网页】

2. 维护页面样式和信息，并保存，在列表页可查看对应的直连url

1. 在您的网站的合适位置自行设计咨询入口，点击后跳转到直连url即可

2. 为新增的网页接入渠道设置相应的会话路由、导航菜单等配置项

   

4.  接入流程—代码嵌入

1. 操作流程同【直连url】接入方式

2. 将生成的嵌入代码直接放置在网站代码body结束标签之前，保存并发布网站

3. 为新增的网页接入渠道设置相应的会话路由、导航菜单等配置项。

接入效果如下

5.  接入流程——高级自定义

1. 请按照以下说明和示例编写代码，并嵌入到您网站的HTML源代码中，放在body结束标签之前，保存并发布网站

1）自定义功能介绍

为了方便您进行更高级的自定义配置，提高用户体验，您可以对三个可选择性参数：thirdId、username、avatar自由配置。 thirdId是用户的唯一标识，可以在坐席端永久的追溯用户的信息，不提供则默认只会临时生成一个有效期为一天的唯一标识；username是用户名，不提供则默认用户名为：匿名用户+数字；avatar是用户头像，不提供则使用默认头像；is_close:true，配置改参数则每次初始化页面，聊天窗口隐藏，且autoInit这个得设置成false。仍有疑问，可参考下面示例

2）代码示例

场景一：前端异步获取信息后，传递给im库

< script type = "text/javascript" >

function load() {

    var obj = {

        thirdId: 'xxx',

        username: 'xxx',

        avatar: 'xxx.jpg',

       is_close:true，

    }

    window.IMPACK.init(obj);

} < /script>

<script src="https:/ / chat.icsoc.net / js / lib / icsoc_chat_lib.js ? channel_key = xxx " autoInit="false " onload="load()"></script>"

场景二：后端模版直接渲染

<script src="https://chat.icsoc.net/js/lib/icsoc_chat_lib.js?channel_key=xxx &username=xxx&thirdId=xxx&avatar=xxx" ></script>