手把手教你在网站增加QQ悬浮窗口,让你的咨询量duang duang duang上涨

有时候我们想在自己的网站上显示一个QQ在线咨询窗口,如下:

20170307104710

本文就来谈谈如何实现这个功能。

第一步,登录QQ推广

打开网址:http://shang.qq.com/v3/index.html

点击左上角的“登录”,登录你的QQ

20170307112040

点击“推广工具”,选择“拓展型”,“复制代码”

20170307112140

复制的代码增加到如下div中去的,把两处1111111的字符串替换成你的QQ号码

<div id="qq_ad" style="position:absolute;z-index:999;width:95px;height:153px; top:200px;right:3px;">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1111111&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1111111:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
</div>

第二步,在你的页面底部,增加如下JavaScript代码。

<script>
var myScrollTop=function()  //获得当前窗口显示区顶点位置
{
        return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
 };
function mymovemenu()  // 随着窗口的拉动,实时调整广告在窗口中的位置
{
        document.getElementById("qq_ad").style.top=myScrollTop()+400+'px';document.getElementById("qq_ad").style.right=3+'px';setTimeout("mymovemenu();",50);
}

mymovemenu();
</script>

完成上面两步,你就可以完成悬浮窗口的功能,等待客户来敲门吧。

发表评论