热烈庆祝源码庄(icodeceo.com)全新改版升级上线成功!为此感谢广大新老用户的支持,特推出钜惠活动,【查看详情】
首页>源码模板>综合源码模板>浏览网站时自动弹出QQ对话框代码源码庄精简版 <上一个 下一个>

浏览网站时自动弹出QQ对话框代码源码庄精简版

资源编号:C022

市场资源价值 ¥ 200元

源码庄提供 免费下载
会员优惠说明:
  • 普通会员

    积分下载无优惠,付费下载资源无优惠

  • 包月会员

    积分下载享受9.5折,付费下载资源享受9.5

  • 年度会员

    积分下载享受8.0折,付费下载资源享受9.0

  • 终身会员

    积分下载享受5.0折,付费下载资源享受8.0

  • 【做任务开通VIP】

  • 类型:插件
  • 色系:多彩
  • 适用系统:qq
  • 品牌:源码庄
  • 售后服务:不支持
  • 出品时间:2019-08-13
  • 最新版本:2019-08-13 19:46
  • 浏 览 量:2
  • 限 销 售:9999
  • 文件大小:0.01MB

源码庄专业承接网站建设、二次开发,模板定制,欢迎随时骚扰!
收费模板购买后请联系作者发货并协助调试安装,免费模板提供在线免费下载,但不提供服务支持,谢谢合作!

广告预定
精品橱窗推荐
  • 身份验证|
        
  • 经营模式|服务商
  • 注册资本|10万人民币
  • 企业类型|企业单位(服务商)
  • 主营产品|网站建设,网络推广,二次开发
  • 公司地区|广东/深圳市
  • 公司荣誉| 已通过源码庄认证 VIP第1年:2级
资源分类
  • 暂无分类
本公司热销排行
本页信息为深圳市源码庄资源有限公司为您提供的“浏览网站时自动弹出QQ对话框代码源码庄精简版”产品信息,如您想了解更多关于“浏览网站时自动弹出QQ对话框代码源码庄精简版”请联系服务商家,或给服务商家留言。
  • 类型:插件
  • 色系:多彩

浏览网站时自动弹出QQ对话框代码源码庄精简版

如何实现打开网页自动弹出QQ对话框?
很多企业网站打开的时候,都会弹出一个对话框,而且是qq的对话框,不仅仅是简单的网页的对话框,通过对话框可以直接和客服对话,特别是医院类的网站更是多的不可胜数,这些网站一方面是想留住用户,一方面也是希望通过这种方式获取用户的qq号码,方便以后做营销。

认真的研究了这些网站的源代码,发现了一个东西,一般现在的网站很少使用框架的,因为搜索引擎不能识别框架,但是这些网站却有一个框架,框架的地址就是一行简单的地址,而且还不是http的地址,例如下面的这个地址:

tencent://message/?uin=10000&Site=&menu=yes

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

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

每个浏览器对于这段代码的实现方法可能略有不同,firefox里面会让你选择什么应用程序来打开这个链接,可能用户也会勾选“记住我对tencent类型链接的选择。(R)”,这样以后都不会弹出选择应用程序的这个对话框。

而IE等浏览器是会直接弹出对话框,不过如果你同时登录了多个QQ,那么他会让你选择一个qq进行聊天。

放置了这段代码,可是需要用户点击,这不是我们需要的效果,我们想要用户打开网页的时候就弹出这个对话框,那么如何实现?

自动弹出对话框

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

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

 

设置多个客服QQ

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

<iframe style="display:none;" class="qq_iframe" src="http://www.icodeceo.com/skin/st05skin20xha/image/lazy.gif" class="lazy" original="http://www.icodeceo.com/skin/st05skin20xha/image/nopic.gif">

<script>

$(function(){

    qq_list = new Array('10000', '10001');

    //随机

    qq_i = Math.floor(Math.random()*qq_list.length);

    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";

    $('.qq_iframe').attr('src',src);

})

</script>


延时弹出对话框

有不少客户问我如何设置访客打开页面后10秒再弹出,再次研究更新了这个弹出,确实找到的方法可设置10秒后弹出!这样可以一定程度上提升用户体验,同时让访客先看看网站的优质服务能够有效地提升客户对产品的认可度,进而提升客户主动沟通的机会!

<iframe style="display:none;" class="qq_iframe" src="http://www.icodeceo.com/skin/st05skin20xha/image/lazy.gif" class="lazy" original="http://www.icodeceo.com/skin/st05skin20xha/image/nopic.gif">

<script>

$(function(){

    setTimeout(function(){

        qq_list = new Array('10000', '10001');

        //随机

        qq_i = Math.floor(Math.random()*qq_list.length);

        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";

        $('.qq_iframe').attr('src', src);

    }, 10000)

})

</script>

 

好了,以上就是三种设置的方法,一个比一个高级的说,希望对你有所帮助。

 

源码庄(www.icodeceo.com)的另外一种更利于优化的方案。

 

Javascript脚本延时加载

上面的方法中会使用到Iframe框架,可能有的网友担心这不利于优化,没关系我们可以使用Javascript脚本加载这段调用QQ的代码,一般网盟的代码 和 统计代码也是采用的这样方法,强力推荐!

 

新建JS文件

这一步非常的关键,我们新建一个Javascript脚本文件,文件的命名随便取,然后写入下面的代码,我们也可以把下面的代码加入到网站已有的JS文件中,不影响其它函数的运行。

var qq_chat = true;

function show_qq() {

    if (qq_chat) {

        popwin = window.location.href = 'tencent://message/?uin=10000&Site=资源e站&Menu=yes'

    }

};

setTimeout("show_qq()", 1000);

对应的uin和Site参数修改成自己的就可以。对于弹出的时间,可以在setTimeout后面的1000参数调整,数字越大越慢弹出。

 

引入JS文件

如果以上的脚本在我们已有的网站页面JS中,这时候就可以直接弹出效果。如果我们是新建的JS文件,我们就需要把这个文件添加到页面中,方便调用我们定义的弹窗函数。

<script type="text/javascript" src="http://www.icodeceo.com/skin/st05skin20xha/image/lazy.gif" class="lazy" original="http://www.icodeceo.com/skin/st05skin20xha/image/nopic.gif">

这种方法应该是最好的解决方法,及实现了效果,有不影响网页优化。

相关评论0条 [查看全部]  
全网同类推荐

为您推荐

免责声明:
源码庄所分享的源码模板为作者提供或网友推荐收集各大资源网站整理而来,仅供学习和研究使用。不得使用于非法商业用途,不得违反国家法律。 一切关于该资源商业行为与源码庄无关。
反馈提醒:
如收集的资源有侵权、不妥之处,请联系站长以便删除。敬请谅解!侵权/投稿邮箱:service@icodeceo.com