网页自动打开QQ聊天弹窗

Question

网页自动打开QQ聊天弹窗，需要这个功能的网站一般都不是那么正经，当然还是有正规网站需要这个需求，经过我多次测试实验，发现QQ聊天弹窗实现其实可以很简单的，这篇文章将为你分享网页自动打开QQ聊天弹窗实现方法。

自动打开QQ聊天弹窗对网页没什么要求，只要是个网页都能实现，在QQ的设置方面需要设置QQ的在线状态，还要设置QQ允许陌生人对话，接下来看看下面的这段代码：

tencent://message/?uin=1278230143&Site=&menu=yes

你可以直接在浏览器打开这个网址，这有点像移动开发中的打电话和发短信的链接，如果是在PC端，应该是调用你自己电脑的QQ软件，输入腾讯的专属协议。

每个浏览器对于这段代码的实现方法可能略有不同，Firefox里面会让你选择什么应用程序来打开这个链接，可能用户也会勾选“记住我对tencent类型链接的选择。（R）”，这样以后都不会弹出选择应用程序的这个对话框。

而IE等其他浏览器是会直接弹出对话框，谷歌浏览器应该也会有一个弹窗，让你选择如何处理这个链接的动作，不过如果你同时登录了多个QQ，那么他会让你选择一个QQ进行聊天。

放置了这段代码，可是需要用户点击，这不是我们需要的效果，我们想要用户打开网页的时候就弹出这个对话框，我们需要我们网页加载完成以后，自动访问这个网址。

自动弹出对话框

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

<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',src);
})
</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', src);
    }, 10000)
})
</script>

好了，以上就是三种设置的方法，一个比一个高级的说，希望对你有所帮助。

感谢某位网友分享的另外一种更利于优化的方案。

JavaScript脚本延时加载

上面的方法中会使用到Iframe框架，可能有的网友担心这不利于优化，没关系我们可以使用JavaScript脚本加载这段调用QQ的代码，一般网盟的代码 和 统计代码也是采用的这样方法，强力推荐！

新建JS文件

这一步非常的关键，我们新建一个JavaScript脚本文件，文件的命名随便取，然后写入下面的代码，我们也可以把下面的代码加入到网站已有的JS文件中，不影响其它函数的运行。

var qq_chat = true;
function show_qq() {
    if (qq_chat) {
        popwin = window.location.href = 'tencent://message/?uin=1278230143&Site=问说网&Menu=yes'
    }
};
setTimeout("show_qq()", 1000);

对应的uin和Site参数修改成自己的就可以。对于弹出的时间，可以在setTimeout后面的1000参数调整，数字越大越慢弹出。

引入JS文件

如果以上的脚本在我们已有的网站页面JS中，这时候就可以直接弹出效果。如果我们是新建的JS文件，我们就需要把这个文件添加到页面中，方便调用我们定义的弹窗函数。

<script type="text/javascript" src="show_qq.js"></script>

这种方法应该是最好的解决方法，及实现了效果，有不影响网页优化。