h5聊天功能（即时通讯）的实现方法

摘要：

H5页面是企业产品营销推广经常使用到的网页类型，不少广告主希望能够在H5页面上添加聊天咨询的功能，本文将教大家用插入对话窗口链接的方式快速为H5页面实现即时通讯的聊天功能。

H5页面实现即时通讯聊天功能

什么是H5页面

H5页面是基于html5Css3标准制作出来的网站页面，支持比较多的过度动画和交互操作，比基于html标准的传统网页品质高出不少。H5页面通常被用来制作一些营销性质的广告产品宣传或邀请类表单，能够在一定程度上提高页面转化率。

H5聊天功能（即时通讯）的实现方法

H5本质上依旧是网页，所以可以通过跟网站添加IM在线客服一样的方式来为H5页面实现即时通讯的聊天功能，下面分享具体步骤。

1、下载客服软件

H5页面实现即时通讯功能需要用户在页面中点击咨询按钮就直接跳转到聊天咨询窗口，并且需要有一个后台进行消息接收，所以我们需要先下载快商通在线客服的软件客户端进行跳转链接生成和消息接收。

免费注册并快速下载

2、获取链接地址

完成注册并登录快商通，打开设置中心里的“生成代码”功能，终端设备选择移动端后将页面向下拉，就能够看到系统自动生成出来的对话链接地址。将这串url地址直接复制并添加到H5页面的在线咨询按钮中即可。

获取聊天窗口链接地址

3、实现效果

当用户浏览到H5页面产生意向时，就可以点击页面中的“在线咨询”按钮与相关人员进行沟通咨询。点击按钮之后页面会跳转到满屏的在线咨询页面，用户发送的消息可以直接通过快商通的客户端进行接收。

由于H5页面具备很强的时效性，所以相关人员基本不会花非常大的精力去为一个流动性的页面配置在线客服。并且在H5页面中往往只有一个在线咨询的按钮，位置比较集中，如果用代码嵌入的方式实现在线聊天功能会让页面档次掉价，所以这种通过链接插入的方式实现H5页面的即时通讯功能是目前市面上最主流也是最方便的。

网页实现在线聊天功能

通过这种在H5页面咨询按钮中插入对话链接的方式，客服人员同样能够实时查看访客当前正在输入中的内容，并且对所有进入咨询的访客信息和消息发送条数、消息记录等内容进行统计，同时还可以使用客服机器人来对这些咨询的访客做快速接待和引导。

总结：

通过下载快商通客服软件生成对话链接，再将对话链接插入到H5网页的“在线咨询”按钮跳转地址中，可以快速为H5页面实现即时通讯的功能，是一种即简单又主流的实现方式。