百度竞价网呼代码:怎么在一个页面里面多处输入回拨功能

liuian 2024-12-04 13:45 39 浏览

最近的百度对于恶意代码查的也严格，行业人都懂得，但是用百度自己的产品都没有关系，早在一年前百度竞价的网呼代码应用的很多地方。今天来说说怎么灵活试用百度的网呼代码，而不是单单后台设置下那种简单的页面，没有很好的体验或者和网站的结构不搭。

一般做竞价的朋友都会看到有些网站上的一个页面里面有多出的电话回拨入口，固定的，悬浮的。为了用户体验我们常常需要自定义这些入口，在一些网络部门有些技术是没接触过这个东西，甚至只能加一个这样的代码，而再开一个感觉只有最后一个管用，之前的都失效了。无法实现导致sem的人员只能作罢-做个加图片点击进去主动拨号。下面任伟就来详解下怎么解决一个页面里面增加多个回拨入口，满足大家的需求。

首先先展示下这边做的效果模拟在一个页面里面的效果图。

现在我们来展示下这些代码，逐个解释代码原理：

先看一段代码：

来认识下这里的来个js代码，第一个代码表示：在实际用到时，实现和显示输入框的绑定的可以自定义;第二段代码：是指定用这个开通的此id对应接通号码的一段js，这是固定的无需修改，这段代码只需要在页面里出现一次加载即可。

Markup

下面具体参考代码如下：

<!DOCTYPE html ><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="black" name="apple-mobile-web-app-status-bar-style" /></head><body><style>

.tel-box{width:255px;height:84px;overflow:hidden;background:#ebecee}

.tel-box .tel-item{padding:8px 0 0 8px}

.tel-box .api-lxb-cb-input{color:#666;width:157px;border:0 none;height:32px;line-height:32px;margin-top:8px}

.tel-box .api-lxb-cb-btn{background:#ff5a00;border:0 none;overflow:hidden;text-align:center;color:#fff;width:74px;height:34px;line-height:34px;cursor:pointer;margin-top:8px}

.tel-box .api-lxb-cb-btn:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;transition:.3s linear}

.tel-box p{text-align:center;padding-top:5px; font-size:12px;}</style><script type="text/javascript" language="javascript" src="jquery-1.7.2.min.js"></script><div class="tel-box">

</div>

<p>请输入电话号码，我们会主动联系您！</p></div><script>

document.getElementById("callBtn1").onclick = function () {

lxb.call(document.getElementById("telInput1"));

};

</script>

<div class="tel-box">

</div>

<p>请输入电话号码，我们会主动联系您！</p></div><script>

document.getElementById("callBtn2").onclick = function () {

lxb.call(document.getElementById("telInput2"));

};</script>

<script>

document.write('<script type="text/javascript" data-lxb-uid="10358826" data-lxb-gid="162355" src="http://lxbjs.baidu.com/api/asset/api.js?t=' + new Date().getTime() + '" charset="utf-8"></scr' + 'ipt>' );</script>

<script src="AdCenter.js" charset="utf-8"></script></body></html>