在很多网站或者博客上面都可以看到这个功能，点击qq图标，可以在线咨询，也可以一键加入群聊。其实是使用了一个加群组件
https://qun.qq.com/join.html

 
网页一键加群组件_qq
 

登录网站之后，只需要选择自己的群聊，然后自动生成一段代码，把这一段代码复制黏贴到网站的位置，就可以了。

 

 
网页一键加群组件_qq_02
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=bcb4575c62cd35b696acc17d5d4e163627a4e4ea16293882c074f59243183da8"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="编程微刊-技术交流⑥" title="编程微刊-技术交流⑥"></a>        
    </body>
</html>

点击按钮的时候，会弹出qq群的界面，点击加入即可。