接入网页渠道

2018-06-06 03:07:18
11,144

1.  需求场景

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

2.  使用条件

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

3.  接入流程—直连url

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

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

1212.gif

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

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

    1529904408960721.png

4.  接入流程—代码嵌入

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

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

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

接入效果如下

1529905928923390.png

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>

该文章对您是否有用?