在线客服QQ是怎么实现的
在线客服QQ是怎么实现的
转载: https://blog.csdn.net/qq_41485414/article/details/80899840
我们都见过很多的网站里面都是在线客服QQ的,直接点击QQ联系以后就可以直接聊天了,那么这个是怎么实现的呢?其实很简单的,只是我们没有认真的读过腾讯的协议,腾讯是提供了接口的,今天我们就简单的做一个!
效果预览:
我最近写的东西都不想做什么美化了,你们感兴趣的可以自己美化一下,我第一没精力,第二是我的审美观是有问题的,所以做出的觉得是不好看的,所以干脆就不做了,css写了也挺麻烦的,喜欢的自己做一下吧!也不难,我之前也写过美化的文章和动态效果的实现,感兴趣的自己看看!这里不做赘述了,我们直接看代码就行了
H5源码:
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=28253075040&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2853075040:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
qq在线客服不加好友聊天核心源代码
<a href="http://wpa.qq.com/msgrd?v=3&uin=68183131&site=qq&menu=yes">咨询客服</a>
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><div class="cn"><h3 class="titZx" style="margin:0;">在线客服</h3><ul><li><span>客服1</span> <a target="_blank" href="tencent://message/?uin=2901032526&Site=qq&Menu=yes"><img border="0" src="img/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li><li><span>客服2</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=888888888&site=qq&menu=yes"><img border="0" src="img/online.png" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </li> </ul></div></body>
</html>
当然这里如果想做成动态的,可以直接将uni的参数做成input,然后再用jquery或者操作dom取出来,这样可以根据自己输入的状态加好友和聊天,也可以写一个类似病毒的东西,做一个定时刷新页面,这样可以不停的添加一个人的好友.....还可以做很多的好玩的东西,自己慢慢想吧,下面我说一下接口里面的参数分别代表什么:
仔细的人可以看出来上面的接口是两种写法,这个都是对的,只是上面的是比较古老的写法,下面的是最新的写法而已!没必要纠结什么!
PS:有的时候是可以直接聊天的,但是有的时候不行,这个不是接口控制的,而是自己的好有权限设置的,如果自己的设置为任何人都可以加好友的话,就是可以直接聊天的,不是的话,只能等对方接受以后才可以的,还有就是如果您的电脑登录了两个QQ,他会让您选择使用哪一个开始您的聊天!
有的时候不可以用的话,是因为没有开通服务,可以到这里开通:
点击打开链接
前者有部分bug,oprea打不开等
下边是pc移动分开的代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><a href="javascript:;" onclick="chatQQ()">QQ咨询</a>
</body>
<script>function chatQQ(){//其中1234567指的是QQ号码if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) || navigator.appName == "Microsoft Internet Explorer") {window.location.href="mqqwpa://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=web&web_src=oicqzone.com";}else{window.location.href="tencent://message/?uin=2601612267&Site=gxlinzi.cn35so.cn&Menu=yes";}}
</script></html>
这个很简单,但是很实用,例如您可以将这个功能加到自己的网站或者自己的博客,我的博客博主简介加的,感觉很好用!
在线客服QQ是怎么实现的相关推荐
- 在线客服QQ是怎么实现的?简单的做一个!
我们都见过很多的网站里面都是在线客服QQ的,直接点击QQ联系以后就可以直接聊天了,那么这个是怎么实现的呢?其实很简单的,只是我们没有认真的读过腾讯的协议,腾讯是提供了接口的,今天我们就简单的做一个! ...
- 在线客服 上下滚动 qq 简单明了 绝对不会报错 大众的选择 在线客服qq
<html><head> <meta http-equiv="Content-Type" content="text/html; chars ...
- 网站上的QQ在线客服“QQ在线状态”按钮变成灰色“未启用”状态?
这个问题在很久前也遇到过,但是每次也总会遇到,在腾讯官方网站里面有关于这个状态的解释,这里做了一下步骤解释,希望能帮到一些站长. 解决办法: 1.登录网站 http://wp.qq.com,用需要设置 ...
- 如何在微网站上设置在线客服QQ
很多营销型网站需要设置在线QQ客服,方便与来访网站的客户进行沟通,这样大大提高了网站客户的转化率,可以实时在线解决访客问题,那么如何在网站上设置在线的客服QQ呢,下面让我们来了解一下:方法/步骤1. ...
- 网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将8989215换成你的号码,site后面换成你的网站就可以了) ...
- 网页MSN,QQ,Skype,贸易通,雅虎通在线客服代码合集
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) & ...
- QQ在线客服代码,飘浮在右侧的QQ客服js特效演示
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- QQ,MSN,Skype在线客服代码
QQ,MSN,Skype在线客服代码 在网站建设时,为了更好的实施网站的营销型,会用到QQ,MSN等在线交流,以便客户能够快捷方便的联系我们.在这里,提供QQ,MSN的在线客服代码给大家分享: 1.Q ...
- php右侧弹窗QQ客服,JavaScript_网页右侧悬浮滚动在线qq客服代码示例,网页右侧悬浮滚动QQ在线客服 - phpStudy...
网页右侧悬浮滚动在线qq客服代码示例 网页右侧悬浮滚动QQ在线客服代码 function myEvent(obj,ev,fn){ if (obj.attachEvent){ obj.attachEve ...
最新文章
- 给大家介绍一位中科院师兄,读研时通过实习和比赛收入五十万
- 微软制作工具_大白菜U盘启动盘制作
- 测试Varnish缓存服务器与IIS连接数
- windows 远程连接debian_用Windows的远程桌面连接访问Debian和Ubuntu图形界面
- python就业前景分析-Python就业前景如何?老男孩Python培训好吗?
- 首份《顶级数据团队建设全景报告》重磅发布: 逾半数据团队称人才储备不足
- python画海绵宝宝_一步一步教你画章鱼哥怎么画好看?教你学画海绵宝宝的章鱼哥简笔画!...
- Linux Shell编程(4)——shell特殊字符(上)
- Zookeeper ZAB 协议分析
- Linux运维六:用户管理及用户权限设置
- vmware虚拟机使用教程
- 网络空间安全领域可投的期刊和会议
- 微信公众账号开发教程(二) 基础框架搭建——转自http://www.cnblogs.com/yank/p/3392394.html...
- CNN with Attention---channal and spatial attention(转)
- 数学建模-Lingo学习
- WIN10DOS命令
- Qt数据导出csv防止科学记数法
- Vue-Element写一个简单的列表管理23/100统
- 关闭windows server 2012 IE增强的安全配置
- 我对“Stay hungry,Stay foolish”的理解
热门文章
- php paypal ipn回调,php paypal ipn
- C SHARP 函数 枚举
- 【云原生】-Docker容器技术小结
- 电子标签亮灯拣选解决方案
- SVN1.6.5安装及配置
- 树莓派搭建家庭服务器
- MySql GRANT IDENTIFIED BY 语句出错
- Burp Suite抓取安卓手机微信小程序数据包(HTTPS) 主机有线/无线连接两种方式
- python36.dll下载_python36.dll(python36.dll修复工具) 中文简化版
- list的五种去重方法