郑州seo宋建自勉博客，记录郑州seo学习历程。
怎么打开网站QQ就自动弹出对话框，让客户直接可以聊天
怎么打开网站QQ就自动弹出对话框，让客户直接可以聊天
一、网页自动弹出QQ对话框的原理
1.在网页中插入iframe框架并设置src="tencent://message/?uin=你的QQ号码;Site=你的网址;menu=yes"；
弹出QQ代码如下：
&iframe src=&tencent://message/?uin=你的QQ号码;Site=你的网址;menu=yes& height=&0& width=&0& marginwidth=&0& marginheight=&0& scrolling=&no&&&/iframe&
2.访客打开你网站的同时也会打开iframe框架中的链接；
3.访客的QQ窗口就会弹出与你的QQ聊天的对话框了。
二、验证打开网页自动弹出QQ对话框
验证网址：
为验证该方法的实际可行性，相信你的QQ聊天窗口已经打开了与对话的聊天窗口。是不是很好奇呢？如果说上面的原理分析你看不懂，那么这里的验证结果应该就能让你很直观地理解了吧！其实同样是利用这个原理在这篇文章中加入了这段实现“打开网页自动弹出QQ对话框”的代码。
三、设置多个QQ客服，然后随机弹出一个客服QQ对话框
针对企业中有多个客服的情况，为了客服直接合理分配接待。刚刚也研究出了一套解决方案就是预设多个客服QQ，然后给访客随机弹出一个客服QQ的对话框！当然这个适合于企业，对于个人站长就没必要了。
多客服代码如下：
&script type=&text/javascript&&
&!–打开网页弹出QQ，弹出QQ邀请框，联系QQ：–&
setTimeout(function dogo(){
var urls = new Array();
urls[0] = &tencent://message/?uin=你的QQ号码;Site=你的网址;menu=yes&;
urls[1] = &tencent://message/?uin=你的QQ号码;Site=你的网址;menu=yes&;
n = Math.floor(Math.random()*2);
location.href= urls[n];
（代码说明，上面是2个QQ的，如果需要增加的话就在加个urls[2]，把random()*2改为random()*3，最后面的4000为延迟4秒弹出！)
四、延迟弹出QQ对话框，让用户先看看
有不少客户问我如何设置访客打开页面后10秒再弹出，再次研究更新了这个弹出，确实找到的方法可设置10秒后弹出！这样可以一定程度上提升用户体验，同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度，进而提升客户主动沟通的机会！
延迟加载代码如下：
&script type=&text/javascript&&
&!–打开网页弹出QQ，弹出QQ邀请框，联系QQ：–&
setTimeout(function dogo(){
var urls = new Array();
urls[0] = &tencent://message/?uin=你的QQ号码;Site=你的网址;menu=yes&;
n = Math.floor(Math.random()*1);
location.href= urls[n];
（代码说明，上面代码中的4000延迟时间为4000毫秒=4秒）
五、手机上也能弹出QQ对话框
前些天有网友问我能不能在手机上进入网页也弹出QQ对话框，经过一番研究，发现其实手机上也能实现QQ弹出功能的。
六、延迟n秒弹出，一个用户无论点击任何页面都只弹一次
高级定制，更加符合用户体验。
上边的代码加入footer底部，会发现，用户每次点击任何页面都不断的弹出聊天窗口，用户非常烦，要不断点关闭，影响正常浏览。
那么怎么让用户第一次进入（无论任何入口页面）都先浏览，然后间隔n秒再弹出来，若用户点击了关闭，在n天内，再浏览任何页面不再弹出对话框呢？
若需此定制功能，收费100元，请联系站长
七、邀请窗口弹窗：延迟n秒后弹出，在当前页面间隔n秒后再弹出，弹出次数可设置
营销必备，同一页面多次自动弹出邀请框，不接受都难！
同一页面间隔：第一次n秒（可设置）弹出邀请框，后边分别n秒弹出（不可设置，和第一次时间一样），共弹n次（可设置）。
不提供邀请框界面设计，可自行设计图片和css效果。
效果预览：（等5s）
非cookie版，不可设置弹出次数，收费100元。
cookie版，可设置弹出次数，收费300元。
若需此定制功能，请联系站长
八、获取访客QQ，让客服主动把握客户
抓取QQ号和手机号代码会影响竞价网站的正常推广，无论加密js还是非加密，百度都能识别，不推荐使用！！！
----- 此软件我已经停用，暂不知现在效果如何？如需要直接联系QQ： -----
通过上面的方法，有朋友说客户打开对话框后并不马上咨询就出去吃饭了，回来就忘了。对此，还就此文章扩展想到了访客访问网站自动获取QQ号的方法，通过这个方法能够避免访客的流失，就算访客没咨询没成交也没关系，你知道了客户的QQ号码，以后就随时可以给对方发送消息了。有需要的朋友可以在聊天窗口里面Q一下就行了。
小白问题汇总：
①、我应该把代码加到哪里？
以上所有的方法代码都是加到网站通用底部文件footer中（当然也可以只加单个页面-首页）。
什么，footer中放到哪？？&/body&前。还不知道？？？你还是拉到最下边先扫码打赏吧（打赏多少你随意），然后QQ辅助。
②、你的QQ发起会话不用加为好友，我的QQ发起却提示要加为好友？
遇到这一步的时候，需要到QQ推广页面申请开通，方能不用提示加为好友，具体步骤如下：
1、打开网址：/v3/widget.html
2、登录自己的QQ
3、根据弹出窗口提醒，确认即可
企业QQ在线状态：
----------未做测试
③不在线怎么变成灰？-----后续解决
如果觉得方法可行，请在网页底下给个评论，多谢！
您的鼓励是对我的最大支持！
鉴于我每天要做项目，时间精力有限；一些朋友加我好友，我耐心一一解答，等问题解决了连个评论都不留。实在令站长寒心，感叹人间苍凉……
遂作出决定：凡是要问问题，请先在评论里写明白，我会在第一时间回复，若我的回复解决不了您的问题，再加QQ辅助，谢谢支持！
想直接QQ辅助？？？请先打赏（多少你随意）！！！
微信扫一扫，打赏作者吧～
本文地址：
本文标题：
你可能感兴趣的文章:
本站为你推荐的文章:
<!-- hyper cacheQQ在线咨询客服代码 js实现侧边显示隐藏_最火下载站
您的位置： >
> QQ在线咨询客服代码 js实现侧边显示隐藏
QQ在线咨询客服代码 js实现侧边显示隐藏
　　关于QQ在线咨询客服（侧边显示隐藏）效果，是烈火小编在查看网站统计时得到的，经过是这样的：小编看到某广告联盟的广告，进入网站第一眼就看到了这款效果，感觉还不错，就扣下来发给大家使用，希望多多支持烈火哦！（LIiehuo。Net防采集的）
　　CSS与JS文件均包括在代码中了，只有4个图像文件是放在烈火的网站上的，大家只要右击保存背景就可以了，使用时别忘记修改代码中的QQ号码哦，否则小编的QQ就给你当客服了。。。
　　为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示
　　网页演示：
　　运行演示：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&title&QQ在线咨询客服代码 js实现侧边显示隐藏 - Liehuo.Net&/title&
&base href=&&&
body{margin:0font-size:12}
.main_head {
BACKGROUND: url(/uploads/allimg/1007/img3-5_2.png) no-repeat
* HTML .main_head {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&/uploads/allimg/1007/img3-5_2.png&,sizingMethod='crop'); BACKGROUND: none transparent scroll repeat 0% 0%
* + HTML .main_head {
BACKGROUND: url(/uploads/allimg/1007/img3-5_2.png) no-repeat
PADDING-BOTTOM: 10 PADDING-LEFT: 0 PADDING-RIGHT: 0 BACKGROUND: url(/uploads/allimg/1007/img3-5_3.png) repeat-y; PADDING-TOP: 5px
* HTML .info {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&/uploads/allimg/1007/img3-5_3.png&,sizingMethod='crop'); BACKGROUND-REPEAT: repeat-y
* + HTML .info {
PADDING-BOTTOM: 10 PADDING-LEFT: 0 PADDING-RIGHT: 0 BACKGROUND: url(/uploads/allimg/1007/img3-5_3.png) repeat-y; PADDING-TOP: 5px
.down_kefu {
WIDTH: 157 BACKGROUND: url(/uploads/allimg/1007/img3-5_4.png) no- HEIGHT: 8px
* HTML .down_kefu {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&/uploads/allimg/1007/img3-5_4.png&,sizingMethod='crop'); WIDTH: 157 BACKGROUND-REPEAT: repeat-y; HEIGHT: 8px
* + HTML .down_kefu {
WIDTH: 157 BACKGROUND: url(/uploads/allimg/1007/img3-5_4.png) no- HEIGHT: 8px
BACKGROUND: url(/uploads/allimg/1007/img3-5_1.png) no-
HEIGHT: 139
MARGIN-LEFT: -5px
* HTML .Obtn {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&/uploads/allimg/1007/img3-5_1.png&,sizingMethod='crop'); WIDTH: 32 BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: HEIGHT: 139px
* + HTML .Obtn {
MARGIN-TOP: 104 WIDTH: 32 BACKGROUND: url(/uploads/allimg/1007/img3-5_1.png) no- FLOAT: HEIGHT: 139 MARGIN-LEFT: -5px
.qqtable SPAN {
PADDING-BOTTOM: 5 LINE-HEIGHT: 20 PADDING-LEFT: 0 WIDTH: 100 PADDING-RIGHT: 0 COLOR: #ff6600; FONT-SIZE: 13 FONT-WEIGHT: PADDING-TOP: 5px
.qqtable A {
TEXT-DECORATION: none
.qqtable A:hover {
TEXT-DECORATION: none
BORDER-BOTTOM: #ffd2bf 1 BORDER-LEFT: #ffd2bf 1 PADDING-BOTTOM: 5 LINE-HEIGHT: 20 BACKGROUND-COLOR: # PADDING-LEFT: 0 WIDTH: 100 PADDING-RIGHT: 0 FONT-SIZE: 12 BORDER-TOP: #ffd2bf 1 BORDER-RIGHT: #ffd2bf 1 PADDING-TOP: 5px
.qun SPAN {
COLOR: #ff6600; FONT-SIZE: 13 FONT-WEIGHT: bold
&DIV id=xixi onmouseover=toBig() onmouseout=toSmall() style=&display:&&
&TABLE style=&FLOAT: left& border=0 cellSpacing=0 cellPadding=0 width=157&
&TD class=main_head height=39 vAlign=top&&&/TD&&/TR&
&TD class=info vAlign=top&
&TABLE class=qqtable border=0 cellSpacing=0 cellPadding=0 width=90
align=center&
&TD align=center&&B&联系烈火技术&/B&&/TD&
&TD height=3&&/TD&&/TR&
align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD height=&22& align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD height=&22& align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0' /&&/a&&/TD&
&TD height=&22& align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD height=&22& align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD height=&22& align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD height=3&&/TD&&/TR&
&TD align=center vAlign=top&&B&联系烈火编辑&/B&&/TD&
&TD height=1&&/TD&
&TD align=center&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TR&
&TD align=center&
&/TD&&/TR&
&TD align=center height=&22&&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD align=center height=&22&&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&TD align=center height=&22&&&a href='tencent://message/?uin=' title='联系 烈火 Liehuo.Net'&&img src='/pa?p=1:' border='0'&&/a&&/TD&
&/TABLE&&/TD&&/TR&
&TD class=down_kefu vAlign=top&&/TD&&/TR&&/TBODY&&/TABLE&
&DIV class=Obtn&&/DIV&&/DIV&
&SCRIPT language=javascript&
烈火学院=function (id,_top,_left){
var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentE
d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style.left=_left+&px&;//[(_left&0?'left':'left')]=_left?Math.abs(_left)+'px':0;
me.style.position='absolute';
setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
setTimeout(document.getElementById(&xixi&).style.display=&&,2000);
return arguments.
window.onload=function (){
('xixi',100,-152)
&SCRIPT language=javascript&
lastScrollY=0;
var InterTime = 1;
var maxWidth=-1;
var minWidth=-152;
var numInter = 8;
var SmallI
document.getElementById(&xixi&);
var i = parseInt(o.style.left);
function Big()
if(parseInt(o.style.left)&maxWidth)
i = parseInt(o.style.left);
o.style.left=i+&px&;
if(i==maxWidth)
clearInterval(BigInter);
function toBig()
clearInterval(SmallInter);
clearInterval(BigInter);
BigInter = setInterval(Big,InterTime);
function Small()
if(parseInt(o.style.left)&minWidth)
{ //liehuo.net
i = parseInt(o.style.left);
o.style.left=i+&px&;
if(i==minWidth)
clearInterval(SmallInter);
function toSmall()
clearInterval(SmallInter);
clearInterval(BigInter);
SmallInter = setInterval(Small,InterTime);
&!-- Liehuo.Net Stat --&
&div style=&display:&&
&script type=&text/javascript& src=&/liehuo.net/js/stat.js&&&/script&
&/div& &br /&&center&如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：&a href='/' target='_blank'&/&/a&&/center&提示：可修改后代码再运行!
上一篇： 下一篇：后使用快捷导航没有帐号？
只需一步，快速开始
查看: 7|回复: 7
在线时间36 小时经验值1264 最后登录注册时间帖子阅读权限80UID6032720
研究生, 积分 1264, 距离下一级还需 436 积分
TA的每日心情开心 08:47签到天数: 651 天[LV.9]以坛为家II
G币4083 最后登录注册时间
马上注册，结交更多机友，下载更多应用，让你轻松玩转手机。
已有帐号？　　　下载游戏和软件，请【】进入机锋市场！
如题：侧面栏显示来电&&短息&&等很不错&&但没见哪儿可以设置显示闹钟 微信QQ等信息
在线时间13 小时经验值285 最后登录注册时间帖子阅读权限50UID
大学专科, 积分 285, 距离下一级还需 115 积分
TA的每日心情开心 15:12签到天数: 35 天[LV.5]常住居民I
G币202 最后登录注册时间
不能，目前还不支持第三方软件的信息提示，只有指示灯
在线时间2 小时经验值148 最后登录注册时间帖子阅读权限40UID5118664
高中生, 积分 148, 距离下一级还需 52 积分
TA的每日心情开心 09:02签到天数: 9 天[LV.3]偶尔看看II
G币18 最后登录注册时间
可以啊。。。不是有个小对勾，可以勾选微信
在线时间0 小时经验值66 最后登录注册时间帖子阅读权限30UID
初中生, 积分 66, 距离下一级还需 34 积分
TA的每日心情慵懒 18:08签到天数: 1 天[LV.1]初来乍到
G币4 最后登录注册时间
在线时间7 小时经验值175 最后登录注册时间帖子阅读权限40UID1610277
高中生, 积分 175, 距离下一级还需 25 积分
TA的每日心情开心 07:37签到天数: 125 天[LV.7]常住居民III
G币362 最后登录注册时间
darling6168 发表于
可以啊。。。不是有个小对勾，可以勾选微信
能说的详细点吗
在线时间36 小时经验值1264 最后登录注册时间帖子阅读权限80UID6032720
研究生, 积分 1264, 距离下一级还需 436 积分
TA的每日心情开心 08:47签到天数: 651 天[LV.9]以坛为家II
G币4083 最后登录注册时间
darling6168 发表于
可以啊。。。不是有个小对勾，可以勾选微信
我怎么没看见呢
在线时间2 小时经验值148 最后登录注册时间帖子阅读权限40UID5118664
高中生, 积分 148, 距离下一级还需 52 积分
TA的每日心情开心 09:02签到天数: 9 天[LV.3]偶尔看看II
G币18 最后登录注册时间
gazeng 发表于
能说的详细点吗
每次在息屏的时候，滑动侧边& &都在通知上 有个绿色的对勾，然后点击一下就好了
在线时间0 小时经验值87 最后登录注册时间帖子阅读权限30UID
初中生, 积分 87, 距离下一级还需 13 积分
TA的每日心情擦汗 11:16签到天数: 14 天[LV.3]偶尔看看II
G币40 最后登录注册时间
前提是你的第三方程序得安装在手机内存里面，不可以移动到内存卡里的
Powered by