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

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

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

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

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

相关推荐

GANs为何引爆机器学习?这篇基于TensorFlow的实例教程为你解惑!

「机器人圈导览」：生成对抗网络无疑是机器学习领域近三年来最火爆的研究领域，相关论文层出不求，各种领域的应用层出不穷。那么，GAN到底如何实践？本文编译自Medium，该文作者以一朵玫瑰花为例，详细阐...

高丽大学等机构联合发布StarGAN:可自定义表情和面部特征

原文来源：arXiv、GitHub作者：YunjeyChoi、MinjeChoi、MunyoungKim、Jung-WooHa、SungKim、JaegulChoo「雷克世界」编译：嗯~...

TensorFlow和PyTorch相继发布最新版，有何变化

原文来源：GitHub「机器人圈」编译：嗯~阿童木呀、多啦A亮Tensorflow主要特征和改进在Tensorflow库中添加封装评估量。所添加的评估量列表如下：1.深度神经网络分类器（DNNCl...

「2022 年」崔庆才 Python3 爬虫教程 - 深度学习识别滑动验证码缺口

上一节我们使用OpenCV识别了图形验证码躯壳欧。这时候就有朋友可能会说了，现在深度学习不是对图像识别很准吗？那深度学习可以用在识别滑动验证码缺口位置吗？当然也是可以的，本节我们就来了解下使用深度...

20K star!搞定 LLM 微调的开源利器

LLM（大语言模型）微调一直都是老大难问题，不仅因为微调需要大量的计算资源，而且微调的方法也很多，要去尝试每种方法的效果，需要安装大量的第三方库和依赖，甚至要接入一些框架，可能在还没开始微调就已经因为...

大模型DeepSeek本地部署后如何进行自定义调整?

1.理解模型架构a)查看深度求索官方文档或提供的源代码文件，了解模型的结构、输入输出格式以及支持的功能。模型是否为预训练权重？如果是，可以在预训练的基础上进行微调（Fine-tuning）。是否需要...

因配置不当，约5000个AI模型与数据集在公网暴露

除了可访问机器学习模型外，暴露的数据还可能包括训练数据集、超参数，甚至是用于构建模型的原始数据。前情回顾·人工智能安全动态向ChatGPT植入恶意“长期记忆”，持续窃取用户输入数据多模态大语言模型的致...

基于pytorch的深度学习人员重识别

基于pytorch的深度学习人员重识别Torchreid是一个库。基于pytorch的深度学习人员重识别。特点：支持多GPU训练支持图像的人员重识别与视频的人员重识别端到端的训练与评估简单的re...

DeepSeek本地部署:轻松训练你的AI模型

引言：为什么选择本地部署？在AI技术飞速发展的今天，越来越多的企业和个人希望将AI技术应用于实际场景中。然而，对于一些对数据隐私和计算资源有特殊需求的用户来说，云端部署可能并不是最佳选择。此时，本地部...

谷歌今天又开源了，这次是Sketch-RNN

前不久，谷歌公布了一项最新技术，可以教机器画画。今天，谷歌开源了代码。在我们研究其代码之前，首先先按要求设置Magenta环境。（https://github.com/tensorflow/magen...

Tensorflow 使用预训练模型训练的完整流程

前面已经介绍了深度学习框架Tensorflow的图像的标注和训练数据的准备工作，本文介绍一下使用预训练模型完成训练并导出训练的模型。1.选择预训练模型1.1下载预训练模型首先需要在Tensorf...

30天大模型调优学习计划（30分钟训练大模型）

30天大模型调优学习计划，结合Unsloth和Lora进行大模型微调，掌握大模型基础知识和调优方法，熟练应用。第1周：基础入门目标：了解大模型基础并熟悉Unsloth等工具的基本使用。Day1：大模...

python爬取喜马拉雅音频，json参数解析

一.抓包分析json，获取加密方式1.抓包获取音频界面f12打开抓包工具，播放一个（非vip）视频，点击“媒体”单击打开可以复制URL，发现就是我们要的音频。复制“CKwRIJEEXn-cABa0Tg...

五、JSONPath使用(Python)（json数据python）

1.安装方法pipinstalljsonpath2.jsonpath与Xpath下面表格是jsonpath语法与Xpath的完整概述和比较。Xpathjsonpath概述/$根节点.@当前节点...

Python网络爬虫的时候json=就是让你少写个json.dumps()

大家好，我是皮皮。一、前言前几天在Python白银交流群【空翼】问了一个Python网络爬虫的问题，提问截图如下：登录请求地址是这个：二、实现过程这里【甯同学】给了一个提示，如下所示：估计很多小伙伴和...

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