网站开发兼职_医院网站建设_织梦医院网站开发

当前位置: > 建站教程 > 运营推广 >

网站增加百度离线宝之后只想去掉pc端的浮动图标移动端保留这样做

发布时间:2017-12-15 作者:织梦兼职 浏览: 关键词:

我在一家整形美容医院里做网络技术总监,为了增加电话预约量,遂从百度后台申请开通了百度具有来电回呼功能的网络电话-百度离线宝软件。

百度离线宝移动端的展现样式还算凑合,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端的百度离线宝图标就会隐藏起来,神奇吧?

如果您和我一样做着同样的工作,请关注我的头条号 兼职小哥,每天分享精彩网站案例和技巧。

想看我做过的网站案例作品,请点击我的头条号底部的 快速建站 菜单就可以找到了

简单一点,您还可以这样找到我做过的案例作品

 

责任编辑:织梦兼职
共有人阅读,期待你的评论!评论
运营推广
二次开发
使用技巧
调试安装
运营推广