记一次js调起QQ临时对话

本以为很简单个功能还是遇到了些坑

QQ临时会话说明

从浏览器唤起QQ进行聊天,是很多公司或者企业会用到的一种客服方式,然而很多时候,一些手机端浏览器并不支持直接跳转到QQ,或者不支持从App内嵌的网页中跳转到QQ页面

QQ推广

如果QQ开启一个临时需要对话则需要开通QQ推广,网址http://shang.qq.com/v3/index.html然后登录开通QQ推广功能是免费的呃

代码实现部分

支持PC浏览器和苹果安卓手机浏览器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<a href="javascript:void(0);" onclick="chatQQ()">咨询客服</a>
<script>
function chatQQ(){
/*550057210对应的就是需要聊天的客服*/
var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin=550057210&site=oicqzone.com&menu=yes";
var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin=550057210&version=1&src_type=web&web_src=oicqzone.com";
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
// window.open(kefu102);
window.location.href=kefu102;
}else {
// window.open(kefu101);
window.location.href=kefu101;
}
}
</script>

windows.open经过测试安卓的浏览器不能正常跳转QQ会打开腾讯的网页,但 window.location.href可以正常跳转,这两种方法iOS则没什么问题。