百度360必应搜狗淘宝本站头条
python判断字典是否为空crontab每周一执行aes和des区别安装指定版本npmadb pull
当前位置：网站首页 > IT知识 > 正文

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

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

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

一般做竞价的朋友都会看到有些网站上的一个页面里面有多出的电话回拨入口，固定的，悬浮的。为了用户体验我们常常需要自定义这些入口，在一些网络部门有些技术是没接触过这个东西，甚至只能加一个这样的代码，而再开一个感觉只有最后一个管用，之前的都失效了。无法实现导致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 class="tel-item">

<input type="tel_txt" name="telInput" class="api-lxb-cb-input" id="telInput1" value=" 请输入你的电话号码......" onBlur="if(this.value==''){this.value=' 请输入你的电话号码......'}" onFocus="if(this.value==' 请输入你的电话号码......'){this.value='';}"/>

<input type="tel_btn" class="api-lxb-cb-btn" id="callBtn1" name="callBtn" value="免费拨打"/>

</div>

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

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

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

};

</script>

<!--第一个回拨框结束-->

<!--第二个回拨框开始--><div class="tel-box">

<div class="tel-item">

<input type="tel_txt" name="telInput" class="api-lxb-cb-input" id="telInput2" value=" 请输入你的电话号码......" onBlur="if(this.value==''){this.value=' 请输入你的电话号码......'}" onFocus="if(this.value==' 请输入你的电话号码......'){this.value='';}"/>

<input type="tel_btn" class="api-lxb-cb-btn" id="callBtn2" name="callBtn" value="免费拨打"/>

</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>

<script>

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

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

};

</script>

可以看出这里的第一段代码里的绑定id是根据你输入框和确认框的id来绑定的，这就不难解释了，要是我用第一个回拨的话只要代码里对应好就行，那么不管我加多少个这样的东西，一样可以实现，当然我们在这里涉及到的中间的弹窗一样的道理。我会把这个参考测试的代码都会压缩成福建供大家参考。

这样以后就是稍微懂点seo技术的人员只要修改html或者js文件里的 代码id即可。

值得注意的是

<!--这是网呼代码的核心文件，一定要在页面加载-->

<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>

<!--这是网呼代码的核心文件，一定要在页面加载-->

这种代码是核心的每个人的都不一样，不能搞错，不然就给他人做了嫁衣，竞价开通好代码会发给你的到时候这个id就是你账户里对用设置好的号码等信息。或者你现每个页面麻烦，你可以加载在一个共用的js文件里面也是可以的。这样就实现了每个页面打开的时候都可以加载到。

最后附上我的代码：code.zip

分享来源： 任伟SEO博客 转载请注明出处！(QQ:1047558139/微信:renweiseo)

原文地址:http://www.renweiseo.com/note/view/4308.html

相关推荐

C/C++恶意代码盘点(一):进程遍历丨木马病毒丨密码记录

恶意代码的分类包括计算机病毒、蠕虫、木马、后门、Rootkit、流氓软件、间谍软件、广告软件、僵尸(bot)、Exploit等等，有些技术经常用到，有的也是必然用到。恶意代码常见功能技术如下：进程遍...

跨越十年的C++演进:C++11新特性全解析

原作者：Linux教程，原文「链接」：https://mp.weixin.qq.com/s/oFbiFlqiwgVcJIMMvTelEA很多刚刚进入C++领域的朋友，最初是从C语言转过来的。因...

如何在C#中调用C++方法（c#调用c++的类）

主要方式C#主要通过两种方式提供对非托管代码的调用，第一种是使用平台调用(PlatformInvoke，P/Invoke)，第二种是使用不安全代码(unsafe)，日常开发中我们使用最多的就是第一种...

C语言字符数组和字符串（c语言字符数组和字符串数组）

用来存放字符的数组称为字符数组，例如：charc[10];字符数组也可以是二维或多维数组。例如：charc[5][10];字符数组也允许在定义时进行初始化，例如：charc[10]={'c',...

C语言指针，如何操作字符串?linux C第45讲

1指针操作字符串在学习数组的时候，我们了解了字符串的定义，我们可以定义一个字符数组，用来存放一个字符串，例如：chararray[]={"abcde"};charbuf[]=...

信奥赛C++常用的算法总结（信息学奥赛c语言和c++有什么区别）

1、桶排序核心：①创建盛下所有数的数组②将每个数作为编号放入桶里优点：稳定、简单、容易考缺点：空间复杂度较大，时间复杂度较大。#include<bits/stdc++.h>usingn...

Arduino 使用 C 字符串（arduino 字符串 数组）

问题您想了解如何使用原始字符字符串：创建字符串、查找其长度以及比较、复制或附加字符串。核心C语言不支持Arduino样式的String功能，因此您想了解针对基本字符数组编写的其他平台的代码...

C++20 四大特性之一:Module 特性详解

C++20最大的特性是什么？最大的特性是迄今为止没有哪一款编译器完全实现了所有特性。文章来源：网易云信有人认为C++20是C++11以来最大的一次改动，甚至比C++11还要大。本文仅介绍...

C/C++的const常量总结（c++语言const）

“所谓常量，就是在代码运行过程中值恒定不变的标识符，该标识符的值可以是一个常数，也可以是字符串。”在C/C++中，通常使用define宏定义或者const来定义常量，比如：#definePI3....

学习分享 | 通过C++python的对比，帮你快速入门python

一、前言对于只接触过静态语言，而从未使用过动态语言的人来说，第一次看到python的语法可能会大为惊叹。不用申明变量类型？不用等老半天编译完成就能直接运行？不用小心的维护指针？还不用写CMakelis...

字符串常量，C语言字符串常量详解

字符常量是由一对单撇号括起来的单个字符，如'a'、'D'、'？'、'#39;。在C语言中，除了字符常量外还有字符串常量，顾名思义就是多个“...

C/C++中的内存四区（c++的内存区域分为）

1代码区存放CPU执行的机器指令。通常代码区是可共享的（即另外的执行程序可以调用它），使其可共享的目的是对于频繁被执行的程序，只需要在内存中有一份代码即可。代码区通常是只读的，使其只读的原因是防...

通过pybind11来实现python调用C++接口(一)

有小伙伴很好奇，怎么样实现python调用C++接口？哈哈，手把手教程来了。第一步：我们需要安装pybind11这个纯头文件的库，目前该库支持c++11及以上版本，在你的环境中通过命令行输入：apt-...

深入了解C++如何注释以及在哪儿注释-开课吧广场

注释虽然写起来很痛苦，但对保证代码可读性至关重要，同时这也是每一个C++开发工程师所需要做好的事情。那么C++开发过程中该如何注释？应该在哪写注释呢？关于注释风格，很多C++的Coders更喜欢行注释...

C++核心知识点速查手册(实用重点版)

一、基础必备核心1.指针与引用（遥控器原理）指针：存储地址的变量（像电视遥控器）inttv=100;//电视机int*remote=&tv;//遥控器指向电视*...

一周热门
最近发表
标签列表