如何去掉百度离线宝右侧浮动图标
我在一家整形美容医院里做网络技术总监,为了增加电话预约量,遂从百度后台申请开通了百度具有来电回呼功能的网络电话-百度离线宝软件。
百度离线宝移动端的展现样式还算凑合,pc端的样式给人的感觉太丑了,简直像是插了一把小绿旗子。当不当正不正的正好把我想要展示的右侧导航菜单给遮盖上了,这可怎么办呢?
由于我们整形美容医院里面pc端和移动端网站采用了同一段百度统计代码,如果想只隐藏掉pc端右侧的小绿旗子-百度离线宝图标该怎么做呢?
第一个方案就是将整形美容pc端网站和医院移动端网站安装两种不同的百度统计代码
这样在百度统计后台一个设置显示图标,一个设置不显示图标,麻烦的地方就是以后查看百度统计需要频繁登录退出切换帐号,这个需求可不是闹着玩的,一失足成千古恨啊。一天切换几十次,一年切换上万次,累计起来可能会用废一套鼠标。
第二个方案就是全部隐藏起来,自己实现界面样式定制
这种方案做出来的效果非常漂亮,可以做出推拉效果,也可以把来电回呼的脚本添加到弹出的对话框中。
优点在于可控性强,非常漂亮。缺点就是对网站技术人员的要求较高,没接触过的,可能一时不知道如何上手。
全部采用定制的css和js自己完成离线宝软件的功能,在后续的文章中,我会教会大家如何采用这第二种方案来做,请多多关注。
第三个方案就是在每个页面都引用的脚本里添加如下的脚本内容
<script type="text/javascript">
function removeLXB(){
if($("#LXB_CONTAINER_SHOW").length>0){
$("#LXB_CONTAINER_SHOW").remove();
$("#LXB_CONTAINER").remove();
}
setTimeout("removeLXB()",100);
}
setTimeout("removeLXB()",100);
</script>
把这段代码粘贴到js文件中后,pc端的百度离线宝图标就会隐藏起来,神奇吧?
如果您和我一样做着同样的工作,请关注我的熊掌号 医院网站建设,每天分享精彩网站案例和技巧。