轻松实现网页中通过链接跳转到QQ聊天界面

花栗鼠2024-07-292024-07-30

轻松实现网页中通过链接跳转到QQ聊天界面，通过链接加QQ群，

自动打开聊天对话框等等，包含电脑版和手机版的实现，示例部分Android和iOS的代码

通过链接打开对话框：

打开qq聊天窗口的方法

1	<a href="http://wpa.qq.com/msgrd?v=3&uin=1450612626&site=qq&menu=yes">打开qq聊天框</a>

打开qq群窗口的方法

1	<a href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=419834979&card_type=group&source=qrcode">打开qq群</a>

打开手机短信方法

1	<a href="sms:10086">send</a>

发送内容的时候

1 2	安卓 <a href="sms:10086?body=send info"></a> 苹果 <a href="sms:10086&bode=send info"></a>

电脑端：

1 2	http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes eg：http://wpa.qq.com/msgrd?v=3&uin=1186154608&site=qq&menu=yes

Android：

1 2	String url=“mqqwpa://im/chat?chat_type=wpa&uin=11111111”; startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));

iOS:

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero];
NSURL *url = [NSURL URLWithString:@“mqq://im/chat?chat_type=wpa&uin=11111111&version=1&src_type=web”];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
webView.delegate = self;
[webView loadRequest:request];
[self.view addSubview:webView];

手机版方法一：

首先度大家可以用手机QQ点击：http //wpa qq com/msgrd?v=3&uin=574201314&site=oicqzone.com&menu=yes
是不是可以用手机QQ跟小编强行聊天了呢？问
既然电脑上有tencent://协议，那么手机上一定也有吧，抓包分析了一下：
scheme = “mqqwpa //im/chat?chat_type=wpa&uin=” + g.tuin + “&version=1&src_type=web&web_src=” + host;
是的，具体的是：mqqwpa //im/chat?chat_type=wpa&uin=574201314&version=1，点击答试一下？

手机版方法二：

实现在手机浏览器中点击连接自动跳百转QQ的方法如下（以华为p20pro手机的设置app为例）：
1、打开设置，点击界面上方的搜索按钮。
2、随后输入启动按钮，点击应用启度用管理。
3、找到QQ，先打回开开关，随后再点击关闭。
4、在接着自动打开的对话框中点击开启允许关联启动按钮，随后即可实现浏答览器点击链接QQ自动被关联启动，进入聊天界面的效果了。

通过链接加QQ群：

1、官方提供的几种加群的链接官方的加群代码的获取前提是我们具有权限（也就是群主或管理权限）

2、首先我们需要通过此链接：https://qun.qq.com/join.html 去QQ群官网，一键加群

a、进入该页面之后，我们登录自己的qq账号，选择要创建一键加群的群

b、这以下部分获取页面代码、iphone代码、andriod代码、二维码以上3部分为别是前端、ios、安卓开发是的代码

3、以上3种方式都是可以转化成 a 链接；

第一种网页代码：http://shang.qq.com/wpa/qunwpa?idkey=；

这个页面代码可以用于普通的pc网页代码；当用于他移动端时，会出现一下的样子（此时有时不一定真的是版本太低，也有可能是网络限制、手机系统、型号的问题【具体的原因，若感兴趣，可以去深入探究】）

第二种 iphone代码：它看起来并不适用于网页，但是仔细一看，稍加修改，他还是可以转化为a连接，并应用于网页

注意：和值，请注意替换成箭头所指的马赛克位置的代码。

mqqapi://card/show_pslcard?src_type=internal&version=1&uin=&key=&card_type=group&source=external （将该代码作为a标签的链接）

第三种 andriod 代码：

注意：值，请注意替换成箭头所指的马赛克位置的代码。

mqqopensdkapi://bizAgent/qm/qr?url=http%3A%2F%2Fqm.qq.com%2Fcgi-bin%2Fqm%2Fqr%3Ffrom%3Dapp%26p%3Dandroid%26k%3D

注意：
1、 iphone和Android版的两个链接，虽然看起来差别较大，其实在移动端都是通用的。

2、Android版的代码，在iphone手机上会先展示一个扫描二维码的空操作。但在Android机上，并没有扫描二维码的动作出现

如果你还是对这个功能不放心，你可以先做一个系统判断，再根据体统来分别给上各自的代码。

自动打开聊天对话框：
自动弹出对话框

我们在网页中放置一个框架，然后框架的地址就是上面的那段代码，当网页加载的时候就会自动去访问这个地址，于是就会自动弹出QQ聊天窗口，当然我们需要设置这个框架不显示，不能让用户看到。

1	<iframe style="display:none;" src="tencent://message/?uin=1278230143&Site=&menu=yes"></iframe>

设置多个客服QQ

针对企业中有多个客服的情况，为了客服直接合理分配接待。刚刚也研究出了一套解决方案就是预设多个客服QQ，然后给访客随机弹出一个客服QQ的对话框！当然这个适合于企业，对于个人站长就没必要了。

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    qq_list = new Array('1278230143', '353207542');
    //随机
    qq_i = Math.floor(Math.random()*qq_list.length);
    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
})
</script>

延时弹出对话框

有不少客户问我如何设置访客打开页面后10秒再弹出，再次研究更新了这个弹出，确实找到的方法可设置10秒后弹出！这样可以一定程度上提升用户体验，同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度，进而提升客户主动沟通的机会！

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    setTimeout(function(){
        qq_list = new Array('1278230143', '353207542');
        //随机
        qq_i = Math.floor(Math.random()*qq_list.length);
        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    
        $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
    }, 10000)
})
</script>