在WEB项目中调用QQ通讯组件打开QQ聊天界面

在很多WEB项目中,需要提供在线服务的功能,加上自己的联系方式,例如:QQ,不用添加QQ好友也可以交谈,那这到底是怎么实现的呢?

对于这个功能,需要提到一个组件,即“QQ通讯组件”。QQ通讯组件是一种灵活的通讯工具,支持所有QQ版本的用户在没有加你为好友的前提下向您发起临时会话,让沟通无距离;将您的QQ在线状态发布在互联网上(论坛、博客、邮箱等),他人点击即可与您联系,沟通就这么一“点”距离。“QQ通讯组件”需要开通后才能使用。对于从未开通过“QQ通讯组件”的用户来说,登录wp.qq.com即可自动开通。如果您是曾经开通但停用服务的话,登录网站会直接跳转到开通页面,点击“启用服务”按钮即可开通“QQ通讯组件”。如果不想再收到来自任何非腾讯网站的临时会话,在“设置”页内点击“停用服务”,停用后,他人必须加您为好友之后才能与您会话。

下面我详细说明在WEB项目中调用QQ通讯组件打开QQ聊天界面的过程:

1.登录QQ,找到左下角“主菜单”按钮。

2.依次单击“主菜单”→“所有服务”→“QQ推广”。

3.之后会弹出这样一个网页,这里我们点击“推广工具”。需要注意的是,部分QQ用户可能之前未开通过此功能,系统会询问是否开通,这里我们直接同意即可。

4.这时可以在网页下方看到一串代码,我们只要将这里的代码复制下来就可以了。当然如果你想修改组件的样式,可以修改代码中“51”的数值,具体有多少种样式你可以后面自己慢慢试。title后面的文字也可以修改成你喜欢的内容,这个是鼠标停留时的提示文字。

更加推荐去:QQ互联--->功能组件--->通讯组件,因为在这里面复制代码QQ号码加密了,别人看不到QQ号,从而更加保证个人隐私。

5.在自己的WEB项目中指定位置加入复制的这段代码即可实现功能,当然也可以根据自己的需求把代码进行一些变动,用jquery进行打开页面等等。

<div class="col-md-12" >

<label class="control-label">在线支持  </label>

<img border="0" src="http://wpa.qq.com/pa?p=2:1375457618:41" alt="在线支持" title="在线支持" style="cursor:pointer" id="QQsupport"/>

</div>

<script>

//QQ在线支持

$("#QQsupport").click(function(){

//window.open('http://sighttp.qq.com/authd?IDKEY=96a228fefa522ae3ef9d616f3c00089affdad9ada24ffd80', '_blank');

window.open('http://sighttp.qq.com/authd?IDKEY=96a228fefa522ae3ef9d616f3c00089affdad9ada24ffd80');

});

</script>

显示效果如下所示:

6.点击“QQ交谈”就可以打开QQ聊天界面了。

在WEB项目中调用QQ通讯组件打开QQ聊天界面相关推荐

  1. html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...

    vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度 在main.js 中添加一下代码 import axios from 'axio ...

  2. 网页中调用matlab,在C#的Web项目中调用Matlab代码的步骤

    在C#的Web项目中调用Matlab代码的方法 为了毕设的图形检索方向的研究,本人需要在信科的师兄师姐们已经完成的C#界面中,调用现在研究的算法的Matlab代码,以便看到实验的效果.前段时间已经拖延 ...

  3. 在Angular web项目中调用本地扫描仪扫描文档

    简介 近年来,越来越多的Web程序开始基于单页应用模型(Single-Page Applications,SPA)来构建.作为其中的佼佼者,Angular得到了广泛的应用.Web程序中不少是文档管理系 ...

  4. C#WEB项目中使用WebBrowser组件

    1. 在web项目中引用system.windows库: 再在代码中引用:using system.windows.forms 2. 这样在程序中可以使用webbrowser组件了: WebBrows ...

  5. 重新学习Spring一--Spring在web项目中的启动过程

    1 Spring 在web项目中的启动过程 Spring简介 Spring 最简单的功能就是创建对象和管理这些对象间的依赖关系,实现高内聚.低耦合.(高内聚:相关性很强的代码组成,既单一责任原则:低耦 ...

  6. maven mybatis mysql_Java Web学习系列——Maven Web项目中集成使用Spring、MyBatis实现对MySQL的数据访问...

    标签: 本篇内容还是建立在上一篇Java Web学习系列--Maven Web项目中集成使用Spring基础之上,对之前的Maven Web项目进行升级改造,实现对MySQL的数据访问. 添加依赖Ja ...

  7. 由web项目中上传图片所引出的路径问题

    我在做javaweb项目的时候,有个项目中需要进行图片的上传,有次我重新部署项目后,发现之前上传的图片不见了,最后找出原因:图片上传在服务器目录上,而不是绝对路径,所以特别想弄清楚javaweb项目中 ...

  8. 在java web项目中实现随项目启动的额外操作

    前言 在web项目中经常会遇到在项目启动初始,会要求做一些逻辑的实现,比如实现一个消息推送服务,实现不同类型数据同步的回调操作初始化,或则通知其他客户服务器本项目即将启动,等等.对于这种要求,目前个人 ...

  9. C#在Web项目中关闭Excel进程的方法

    今天遇到了一个问题:在Web程序中调用了Excel的COM组件 结果在每次调用一次后,任务管理器都会产生一个EXCEL.EXE的进程 这可以致命的占内存与CPU啊 然后想着去关闭进程或释放资源 先后尝 ...

  10. Java Web项目中使用Freemarker生成Word文档

    Web项目中生成Word文档的操作屡见不鲜,基于Java的解决方案也是很多的,包括使用Jacob.Apache POI.Java2Word.iText等各种方式,其实在从Office 2003开始,就 ...

最新文章

  1. dueling dqn 和 double dqn_强化学习(十一)--DQN三个经典的变种
  2. 不同的寻址方式的应用——将每行单词的前X个字母改为大写
  3. Apache常用配置项
  4. 什么叫诚实_他爱不爱你,身体最诚实
  5. Java - 安装jdk并设置环境变量
  6. 剑指offer之Runnable和Callable的区别
  7. Celo计划推出一种与欧元挂钩的新稳定币
  8. Clojure 学习入门(5)- 关键字
  9. Apache Jemeter 参数化
  10. IAST 初探:博采众长、精准定位、DevOps友好
  11. android 跳转公众号,app直接跳转公众号
  12. 滴滴的大数据可视化效果
  13. 阅读:IA-GCN: Interactive Graph Convolutional Network forRecommendation
  14. 错误: 找不到或无法加载主类 org.sang.BlogserverApplication
  15. 【深度学习】搭建类似LeNet-5网络识别Fashion-MNIST数据集(衣服,鞋子等)
  16. (python)爬虫----八个项目带你进入爬虫的世界
  17. 如何测试蓝牙设备的延时
  18. SurfaceView使用日记(二)--实例:绘画板
  19. python控制相机,在OpenCV / Python中设置相机参数
  20. textarea层级问题

热门文章

  1. 论文记录-2017-A review of affective computing: From unimodal analysis to multimodal fusion
  2. 一些货币政策及金融术语简介
  3. PHP祝福语,日常祝福语
  4. 用html做祝福语朋友,朋友关怀祝福语(把祝福语化作露带给你)
  5. lol登入显示目录服务器失败,英雄联盟(LOL)登录游戏提示“连接DIR服务器失败”?...
  6. 常见的几种锁(互斥锁,自旋锁,乐观锁,悲观锁)
  7. C语言基础入门,编程的第一步
  8. python进程池Pool的apply与apply_async到底怎么用?
  9. UG NX 12鼠标和键盘操作
  10. 二极管、稳压二极管、发光二极管电路测试