实现打开网页自动弹出QQ对话框,强制弹出QQ对话框JS代码

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

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

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

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

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

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

Firefox里面选择程序打开链接

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

选择QQ进行聊天

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

自动弹出对话框

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

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

设置多个客服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',src);
})
</script>

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

延时弹出对话框

有不少客户问我如何设置访客打开页面后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', src);
 }, 10000)
})
</script>

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

更高级的代码(间隔多长时间弹出,不反复弹出)：

<script type="text/javascript">
 //根据“键”获取Cookie值
 function getCookie(name){
  var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
  if(arr=document.cookie.match(reg))
   return unescape(arr[2]);
  else
   return null;
 } 
 var strCookie = getCookie("data"); 
 window.onload = function () {  
 //获取当前时间
 var newTime = new Date().getTime();
 //
 var time = newTime - strCookie;
 //上次弹出时间与当前时间差大于24小时 弹出登陆ＱＱ
 if(time > 1000 60 60 * 24){
  //记录当前时间
  var date = new Date().getTime();
  document.cookie="data="+date;
  setTimeout(function () {
   var newE = document.createElement("iframe"); 
   newE.style.display = 'none';
   newE.src = "tencent://message/?Menu=yes&uin=938040335&Site=piis&Service=300&sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a595b1714f9d45";
   var crea = document.body.appendChild(newE);
   }, 5000);
  }
 } 
</script>

其中newE.src = "……“中的数据怎么来的呢？大家可以用Chrome浏览器点击网页上的QQ，就可以调出外部协议请求：
外部协议请求.png

Original url: Access
Created at: 2018-10-23 11:31:23
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论