网页上如何实现点击一张图片弹出QQ聊天窗口？

Posted 2023-03-11

在做一个网站，要求点击一张图片弹出聊天窗口，有QQ号，怎么做呢，求详细过程

在网页代码中添加如下代码：
<img src="图片链接" onclick="openDialogA">
<script>
function openDialogA()

window.open ("test.htm",'','resizable=yes,width=100,height=100,scrollbars=yes,status=yes,screenX=100,screenY=100, top=10,left=10');

tencent://message/?uin=你要联系的QQ号码&Site=admin5.com&Menu=yes
</script> 参考技术A 你说的是就是QQ接待，在网页上设置QQ接待软件
一般现在的网站很少使用框架的，因为搜索引擎不能识别框架，但是这些网站却有一个框架，框架的地址就是一行简单的地址，而且还不是http的地址，例如下面的这个地址：
tencent://message/?uin=QQ号码&Site=&menu=yes

这有点像移动开发中的打电话的链接，应该是调用电脑的软件。

通过自动弹出QQ对话框的方法能够实现很高的客户咨询量，相比“左一个、右一个、中间再弹一个”的客服组件，通过“打开网页自动弹出QQ对话框”这种方式来实现提升咨询量无论是用户体验还是效果都要强很多。

每个浏览器对于这段代码的实现方法可能略有不同，firefox里面会让你选择什么应用程序来打开这个链接，可能用户也会勾选“记住我对tencent类型链接的选择。（R）”，这样以后都不会弹出选择应用程序的这个对话框。而IE等浏览器是会直接弹出对话框，不过如果你同时登录了多个QQ，那么他会让你选择一个qq进行聊天。

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

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

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

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function()
qq_list = new Array('QQ号码', 'QQ号码');
//随机
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>

3.【延时弹出对话框】
访客打开页面后10秒再弹出，再次研究更新了这个弹出，确实找到的方法可设置10秒后弹出！这样可以一定程度上提升用户体验，同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度，进而提升客户主动沟通的机会！
<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function()
setTimeout(function()
qq_list = new Array('QQ号码', 'QQ号码');
//随机
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> 参考技术B

百度QQ推广，点击进入


然后看到导航栏的推广助手，下拉就可以看到一段代码

把这段代码弄到你的网页上，里面有图片的链接地址，你可以在网上找到其他的替换也可以

上面有你的QQ号码，要是想换其他QQ，把原来号码替换就行了，这段代码是通的啊

如果不懂可以追问，记得采纳哦

参考技术C <a href="tencent://message/?uin=目标QQ号&Site=qq&Menu=yes">
    <img src="要点击的图片"/>
</a>

我项目里就是这样写的，LZ可以试试看。望采纳。

追问

可以了，但是要添加好友才行。有木有不用加好友就能发消息的

本回答被提问者和网友采纳 参考技术D 代码如下(用js实现):
<img src="图片链接" onclick="openDialogA">
<script>
function openDialogA()

window.open ("test.htm",'','resizable=yes,width=100,height=100,scrollbars=yes,status=yes,screenX=100,screenY=100, top=10,left=10');

</script>