每日一点前端-10-关于QQ的一些事儿
###1.打开网页一秒后弹出指定的QQ与之聊天 如果未添加其QQ 显示添加。
![自动弹出QQ](http://upload-images.jianshu.io/upload_images/2789632-1dba8abe9ba39914.gif?imageMogr2/auto-orient/strip)
现在将qq号换成一个不在我好友列表里的。进行测试……
![自动弹出添加好友界面](http://upload-images.jianshu.io/upload_images/2789632-8a3e683fa8e33fb4.gif?imageMogr2/auto-orient/strip)
代码
!DOCTYPE html
html lang en
head
meta charset UTF-8
title Title /title
/head
body
script language javascript
var qq_chat true;
function PlayJsAdPopWin() {
if (qq_chat) {
popwin window.location.href tencent://message/?uin 15637856 Site http://www.iotzzh.com Menu yes
}
};
setTimeout( PlayJsAdPopWin() , 1000);
/script
/body
/html
核心代码
window.location.href tencent://message/?uin QQ号 Site 网站名称 Menu yes
###2.javaScript实现网页右下角弹出窗口(模拟qq弹出框消息提醒)
![网页右下角弹出模拟QQ提醒框](http://upload-images.jianshu.io/upload_images/2789632-8f5c89b8738f6c7f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
###3.利用QQ推广 也有组件样式供做选择 将代码粘贴复制到自己的网站即可
![QQ推广](http://upload-images.jianshu.io/upload_images/2789632-978025b473bb91f6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
###其他关于QQ弹窗的资料
**自动弹出对话框**
我们在网页中放置一个框架 然后框架的地址就是上面的那段代码 当网页加载的时候就会自动去访问这个地址 于是就会自动弹出QQ聊天窗口 当然我们需要设置这个框架不显示 不能让用户看到。
[iframe](http://www.111cn.net/tags.php/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
b 延时弹出对话框 /b
有不少客户问我如何设置访客打开页面后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
相关文章
- 钉钉的收费 [钉钉深圳研发团队 denny/2016.01.06/ 59888745@qq.com]
- 高仿手机QQ音乐之——Android带进度条的开关
- 腾讯面试——SNG,QQ音乐
- uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间,给微信分享卡片设置图标、标题、描述文字等(JS-SDK 通用解决方案放心用)
- 北京联想招聘-java 云服务开发工程师 加入qq 群:220486180 或者直接在此 留言咨询
- 国内物联网平台初探(三) ——QQ物联·智能硬件开放平台
- 微信、QQ、微博、陌陌……社交网络的底层逻辑是什么?
- Python通过Socket实现QQ聊天功能
- python实现QQ自动发送消息
- 【历史上的今天】9 月 18 日:McAfee 创始人出生;ICANN 成立;QQ 宠物正式下线
- 【bzoj3555】[Ctsc2014]企鹅QQ 字符串hash