1、借助聊天软件生成js代码
快商通是一款免费的在线客服系统,能够生成为网页实现自动弹出在线聊天窗口功能的js代码。搜索快商通到达官网下载客服系统软件并完成注册,登录后找到“设置中心”-“代码生成”打开进入代码生成页面,可以直接拿到我们需要的js代码(如果是移动网站,记得先点击页面上的移动设备图标选项)。
客服软件后台
生成在线聊天窗口js代码
2、将js代码添加到网页html源码中
拿到代码就已经成功一半了,紧接着打开网站后台,找到名为“footer”的模板文件,打开文件把上一步获取到的代码添加到第一行或最后一行,再点击保存就可以了。当再访问网页时,就会发现页面出现了迷你对话窗口,接下来我们要让他能够根据要求自动弹出。
3、设置自动弹出在线聊天窗口的触发条件
在左侧找到“图标设置”功能栏,点击进入设置页面。打开“迷你对话框”的功能按钮,并直接点击“迷你对话框”文字进入设置界面。
jsp中可以实现简单的聊天功能,例子如下:
chat.jsp代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page language="java" contentType="text/htmlcharset=GB2312"%>
<html>
<body>
<%
try{
request.setCharacterEncoding("GB2312")
String mywords=request.getParameter("message")
String t=""
if(application.getAttribute("words")==null &&mywords!=null){
t= (String)request.getRemoteAddr() + ":" + mywords + "<br/>"
application.setAttribute("words",(Object)t)
out.println(t)
}
else if(mywords!=null){
t=(String)application.getAttribute("words")
t += (String)request.getRemoteAddr() + ":" + mywords + "<br/>"
application.setAttribute("words",(Object)t)
out.println(t)
}
}
catch(Exception e){
}
%>
<form method="post" action="index.jsp" >
<input name="message" type="text" size=50 >
<input type="submit" value="发送消息" >
</form>
</body></html>
输出对话内容如下: