网站推广转化率自动弹出营销QQ对话框

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

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

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

每个浏览器对于这段代码的弹出的形式也有所不同,以下是火狐浏览器打开网站时弹出的对话框形式:

自动弹出对话框.jpg

网站推广提高转化率自动弹出对话框

而IE等浏览器是会直接弹出对话框,当你电脑上有多个自己的QQ时,那么他会让你选择一个QQ进行聊天。那么如何实现打开网页能弹出这个对话框呢?

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

<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',src);
})
</script>

延时弹出对话框

有不少客户问我如何设置访客打开页面后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>

JavaScript脚本延时加载

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

新建JS文件

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

var qq_chat = true;
function show_qq() {
    if (qq_chat) {
        popwin = window.location.href = 'tencent://message/?uin=1278230143&Site=问说网&Menu=yes'
    }
};
setTimeout("show_qq()", 1000);

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

引入JS文件

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

<script type="text/javascript" src="show_qq.js"></script>

那么show_qq.js中所写的内容是(有时间间隔弹出):
/*营销QQ*/
document.writeln("  <script type=\"text/javascript\">");
document.writeln("window.onload=function(){//页面加载后执行的函数");
document.writeln("    setTimeout(function(){");
document.writeln("      var newE = document.createElement(\"iframe\");//创建iframe元素");
document.writeln("      newE.src=\"tencent://message/?Menu=yes&amp;uin=800053120&amp;Service=58&amp;SigT=A7F6FEA02730C98865B81FB95397086465BC77613CAF4EDB5F35ADD183D8BBC933E3A2EC281937D3561A83E25A7E32D83FA49CB870817888C3AF13474DC1A0156479854880D3A80DD3EF3CDC39B56390D73DC6A5278831CECE3A74A162D4FF8047E7ADE8AEC33F552DD69C8338D129EA77C6450B873FD0C9&amp;SigU=30E5D5233A443AB2C5142ABFA928BBC6EC329B1E5C57255ADF04F1752C83CC11C2CD2D3A2E8964B7818F99EA1E595C10B71A1236EFF9BFEF223BBC9CBA36F960592999440D16EEEA\";");
document.writeln("      newE.style=\"display:none\";//设置新元素src属性值");
document.writeln("      var crea = document.body.appendChild(newE);//为body添加子元素");
document.writeln("    },5000);//5000毫秒后执行");
document.writeln("}");
document.writeln("</script>");

但是用以上方法js所实现的弹出QQ窗口的,在360浏览器中会在底部出现一个有阴影的长方形的框框,那么用以下js可以实现无框出现
/**在360下没有框弹出的**/
document.writeln("<script language=\"javascript\"> ");
document.writeln("function cdyht(){");
document.writeln("window.location.href=\'tencent://Message/?Uin=800053120&site=121&websiteName=www.cqwzwh.com&Menu=yes\';");
document.writeln("}");
document.writeln("setTimeout(\"cdyht()\",3000) ; ");
document.writeln("</script>");

说了那么多还没说在哪个平台注册营销QQ或注册过获取里面有关的代码和图片:
https://id.b.qq.com/crm/index.php

郑州网站推广提高转化率有很多方法,以上是我总结的打开网页自动弹出营销QQ对话框实现的一些方法,希望对大家有所帮助。

网站推广100种方法 郑州手机网站建设 郑州网站建设价格 郑州网络营销公司 郑州网站优化公司 郑州网站设计公司 网页设计师 网站前端/网页前端 网站优化 网站设计 网站建设

相关推荐

推荐案例