登录界面通过之后是怎么生成自己的聊天窗口

JavaScript012

登录界面通过之后是怎么生成自己的聊天窗口,第1张

生成聊天窗口具体执行步骤如下:

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>

输出对话内容如下:

在链接后面加上没有什么意义的字符来做追踪。

举个例子:

原始链接为:xxx.html

加上追踪代码:xxx.html?&from=qq

(这里的?&from=qq就是没有什么意义的,不会影响解析)然后可以通过服务器日志(比如apache访问日志)来看这个链接(xxx.html?&from=qq)的记录。有多个IP进入则说明可以跳转的。

实际上能从聊天窗口跳转的链接会自动地在链接后面加上腾讯的标记:类似"&tdsourcetag=s_pctim_aiomsg" 这样的后缀(你不需要刻意手动添加)。通过服务器访问日志可以找到类似的记录的。

用js 判断的话:

用window.location.toString()获取当前浏览器当前页面的地址。

然后用正则表达式: /(tdsourcetag)/g 去测试匹配。

如返回true,则说明可以跳转。false则不是通过点击链接进来。