当前位置:首页 > 建站常识 > 列表

网页自动弹出QQ对话框的3种方法

点击:时间:2016/12/29关键词:上海网页制作 网页设计 网站开发
我们在打开网页时有时会碰到一些网页弹出加QQ群或QQ聊天的一个对话框了,下面我们一起来看看这种方法的实现步骤.<iframe id="iframeu2512078_0" src="http://pos.baidu.com/kcum?sz=638x216

<a href=https://www.021jianzhan.com/tags/shanghaiwangyezhizuo/><strong>上海网页制作</strong></a>


我们在打开网页时有时会碰到一些网页弹出加QQ群或QQ聊天的一个对话框了,下面我们一起来看看这种方法的实现步骤.

<iframe id="iframeu2512078_0" src="http://pos.baidu.com/kcum?sz=638x216&amp;rdid=2512078&amp;dc=2&amp;di=u2512078&amp;dri=0&amp;dis=0&amp;dai=1&amp;ps=522x204&amp;coa=at%3D3%26rsi0%3D638%26rsi1%3D216%26pat%3D1%26tn%3DbaiduCustNativeAD%26rss1%3D%2523FFFFFF%26conBW%3D0%26adp%3D1%26ptt%3D0%26titFF%3D%2525E5%2525BE%2525AE%2525E8%2525BD%2525AF%2525E9%25259B%252585%2525E9%2525BB%252591%26titFS%3D%26rss2%3D%2523000000%26titSU%3D0%26tft%3D0%26tlt%3D0%26ptbg%3D90%26piw%3D0%26pih%3D0%26ptp%3D0&amp;dcb=BAIDU_SSP_define&amp;dtm=BAIDU_DUP_SETJSONADSLOT&amp;dvi=0.0&amp;dci=-1&amp;dpt=none&amp;tsr=0&amp;tpr=1466732301267&amp;ti=%E6%89%93%E5%BC%80%E7%BD%91%E9%A1%B5%E8%87%AA%E5%8A%A8%E5%BC%B9%E5%87%BAQQ%E5%AF%B9%E8%AF%9D%E6%A1%86%E7%9A%843%E7%A7%8D%E6%96%B9%E6%B3%95-js%E6%95%99%E7%A8%8B-%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C-%E5%A3%B9%E8%81%9A%E6%95%99%E7%A8%8B%E7%BD%91&amp;ari=1&amp;dbv=2&amp;drs=1&amp;pcs=1366x599&amp;pss=1366x543&amp;cfv=18&amp;cpl=32&amp;chi=1&amp;cce=true&amp;cec=GBK&amp;tlm=1457191718&amp;rw=599&amp;ltu=http%3A%2F%2Fwww.111cn.net%2Fwy%2Fjs-ajax%2F77704.htm&amp;ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DDlKkAh6dDAA0X8iVhdK8qQqShf-ybeF6ooom4Cqc64k1USVWv6r3yRnE-lObl4hbAVr1k7CDYIXQqtbW8bYRPa%26wd%3D%26eqid%3Da98ab1a2000c5bc100000004576c8bfe&amp;ecd=1&amp;psr=1366x768&amp;par=1366x728&amp;pis=-1x-1&amp;ccd=24&amp;cja=true&amp;cmi=63&amp;col=zh-CN&amp;cdo=-1&amp;tcn=1466732301&amp;qn=c45564ebdf6cfee8&amp;tt=1466732301074.199.319.325" width="638" height="216" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="border-width: 0px; vertical-align: bottom; margin: 0px;"></iframe>

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

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

Firefox里面选择程序打开链接

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

选择QQ进行聊天

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

自动弹出对话框

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

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

设置多个客服QQ

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

<iframe style="display:none;" class="qq_iframe" src=""></iframe>

<script>

$(function(){

   qq_list = new Array('号码1', '号码2');

   //随机

   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>

延时弹出对话框

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

<iframe style="display:none;" class="qq_iframe" src=""></iframe>

<script>

$(function(){

   setTimeout(function(){

       qq_list = new Array('号码1', '号码2');

       //随机

       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>

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

预约建站
免费提供网站优化
领取关键词