站长工具|百度搜索框提示功能

简介:

百度向站长开放免费“百度搜索框”代码和“百度搜索框提示”代码。只需进行简单的设置, 即可将“ 百度搜索框( 带提示功能)”功能快速加入到您的网页中。提升用户在网站中的搜索体验。

站长工具|百度搜索框提示功能 - 第1张  | 互联网营销思维

根据不同类型的网站需求,站长工具一共提供三种引入方式供您选择:

简单方式——方便的将“百度搜索框(带提示功能)”直接加入到您的网页中。将以下代码加入到您的网页中,即可获得带有“搜索框提示”功能的百度搜索框

HTML代码:

<form action=”http://www.baidu.com/baidu” target=”_blank”>
    <table bgcolor=”#FFFFFF”><tr><td>
        <input name=”tn” type=”hidden” value=”baidu”>
        <a href=”http://www.baidu.com/”><img src=”http://img.baidu.com/img/logo-80px.gif” alt=”Baidu” align=”bottom” border=”0″></a>
        <input type=”text”  name=”word” size=”30″ baiduSug=”1″>
        <input type=”submit”  value=”百度搜索”>
    </td></tr></table>
</form>

Javascript代码:

<script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

提示:Javascript代码请添加到网页中</body>标签的后面 如使用utf-8编码,则需要在HTML代码中加入<input name=”ie” type=”hidden” value=”utf-8″>, 同时务必在script标签中设置charset=gbk属性,否则搜索关键词和提示词会出现乱码。

查看样例效果

站长工具|百度搜索框提示功能 - 第2张  | 互联网营销思维

添加方式——快速的为页面中已有的“百度搜索框”或其他文本输入框添加“百度搜索框提示”功能。

第一步

为需要添加“百度搜索框提示”功能的<input>标签添加baiduSug属性。例如:

<input type=”text” name=”word” baiduSug=”1|2″>

当设置baiduSug=1时,用户选中sug词条时默认执行表单提交动作;

当设置baiduSug=2时,用户选中sug词条时不执行表单提交动作。

第二步

在网页中引入Javascript文件:

<script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

提示:如果网页中有多个输入框需要添加“百度搜索框提示”功能,请为每个输入框都加上baiduSug属性。Javascript代码请添加到网页中</body>标签的后面。如使用utf-8编码,请务必在script标签中设置charset=gbk属性,否则搜索提示词会出现乱码。

查看样例效果

站长工具|百度搜索框提示功能 - 第3张  | 互联网营销思维

高级方式——提供“百度搜索框提示”API,打造您的个性化搜索框提示功能!

第一步

在网页中引入Javascript文件:

<script charset=”gbk” src=”http://www.baidu.com/js/opensug.js”></script>

第二步

在Javascript程序中调用BaiduSuggestion.bind()方法将“百度搜索框提示”功能和页面上的元素 进行绑定。

BaiduSuggestion.bind()的具体形式为:

BaiduSuggestion.bind(inputObj|inputId,[params],[confirmCallback]); inputObj|inputId:

为需要绑定搜索框提示功能的input对象或input对象的id。

params:

绑定搜索框提示功能时用到的参数,必须以Json形式给出,例如:

{
"XOffset":0, //提示框位置横向偏移量,单位px
"YOffset":0, //提示框位置纵向偏移量,单位px
"width":350, //提示框宽度,单位px
"fontColor":"#03c", //提示框文字颜色
"fontColorHI":"#FFF", //提示框高亮选择时文字颜色
"fontSize":"12px", //文字大小
"fontFamily":"宋体", //文字字体
"borderColor":"#03c", //提示框的边框颜色
"bgcolorHI":"#fd0", //提示框高亮选择的颜色
"sugSubmit":false //选中提示框中词条时是否提交表单
}

confirmCallback(txt):

当用户选择提示中具体选项时的回调函数,txt为用户选择的内容。

提示:如果网页中有多个输入框需要添加“百度搜索框提示”功能,请为每个输入框都加上baiduSug属性。Javascript代码请添加到网页中</body>标签的后面。如使用utf-8编码,请务必在script标签中设置charset=gbk属性,否则搜索提示词会出现乱码。


本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/5198953.html,如需转载请自行联系原作者

相关文章
|
4月前
|
存储 供应链 前端开发
如何开发一套仓库管理系统?(附架构图+流程图+代码参考)
仓库管理系统(WMS)是现代企业高效管理库存、出入库及仓储操作的关键工具。本文介绍WMS的核心功能,包括仓库管理、库存调拨、出入库操作、盘点及数据统计等模块,并详细解析其业务流程与开发实现方法。通过WMS,企业可提升仓储效率、减少错误与成本,优化供应链管理。此外,文章还提供系统开发技巧与常见问题解答,助力企业构建高效、智能的仓库管理系统。
|
JavaScript
Threejs实现PMD模型眨眼说话等功能
这篇文章详细介绍了如何在Three.js中实现PMD模型的眨眼和说话等动态效果,通过控制模型的关键帧来模拟面部表情的变化。
375 0
Threejs实现PMD模型眨眼说话等功能
|
12月前
|
存储 缓存 Linux
在 CentOS 7 上释放磁盘空间的简单方法
【10月更文挑战第28天】
1361 2
在 CentOS 7 上释放磁盘空间的简单方法
|
12月前
|
消息中间件 安全 数据安全/隐私保护
《进程隔离机制:C++多进程编程安全的坚固堡垒》
在数字化时代,C++多进程编程的安全性至关重要。进程隔离机制通过内存隔离、资源访问控制和安全的进程间通信,有效防止数据泄露和恶意攻击,确保各进程独立运行,互不影响,为软件系统的安全稳定提供坚实保障。
181 10
|
数据挖掘 数据处理 Python
【Python DataFrame 专栏】Python DataFrame 入门指南:从零开始构建数据表格
【5月更文挑战第19天】本文介绍了Python数据分析中的核心概念——DataFrame,通过导入`pandas`库创建并操作DataFrame。示例展示了如何构建数据字典并转换为DataFrame,以及进行数据选择、添加修改列、计算统计量、筛选和排序等操作。DataFrame适用于处理各种规模的表格数据,是数据分析的得力工具。掌握其基础和应用是数据分析之旅的重要起点。
425 2
【Python DataFrame 专栏】Python DataFrame 入门指南:从零开始构建数据表格
|
Ubuntu Linux
在Linux中,如何修改IP地址、网关和主机名?
在Linux中,如何修改IP地址、网关和主机名?
|
Ubuntu 应用服务中间件 Shell
acme.sh自动申请https证书
该文介绍了如何在Ubuntu 20.04系统上使用acme.sh获取和安装免费的HTTPS证书,适用于已经安装了nginx的环境。首先通过`sudo curl https://get.acme.sh | sh -s email=example@mail.com`安装acme.sh,然后使用`acme.sh --issue -d example.com -w /home/onestudy`生成证书,并用`acme.sh --install-cert`安装到nginx。设置定时任务以定期更新证书,并提供了不同方式的证书获取命令及删除和刷新证书有效性的方法。需确保已配置好域名解析和nginx配置。
836 0
|
Arthas Kubernetes 调度
一次线上Xxl-Job定时任务调度失败的排查与解决
在XXL-JOB系统中,每分钟执行一次的任务出现调度异常:首次调度成功,第二次调度失败,但第三次调度显示的是第二次任务的执行时间。问题源于调度中心发送的心跳请求未得到执行器响应,导致连接被Envoy代理关闭。Envoy在等待心跳响应时,后续调度请求被阻塞,直至连接因超时关闭。调度中心收到503响应后也会关闭连接,从而影响第三次调度。解决方案是更新执行器以处理心跳请求或配置Istio Sidecar以绕过Envoy代理特定流量。
3309 1
|
JavaScript 前端开发 安全
深入探究iframe:网页嵌入的魔法盒子(上)
深入探究iframe:网页嵌入的魔法盒子(上)
|
应用服务中间件 nginx Docker
Docker中报错 Error response from daemon: Conflict. The container name “/nginx01“ is already in use
在尝试运行 `docker run -d --name nginx01 -p 3344:80 nginx` 时遇到错误。问题源于已有名为 nginx01 的容器未正确终止,造成命名冲突。解决方法:首先使用 `docker ps -a` 查看所有容器,然后删除现有 nginx01 容器,执行 `docker rm &lt;container_id&gt;`(替换 `&lt;container_id&gt;` 为实际容器ID),最后再运行 `docker run` 命令即可。
1225 0
下一篇
开通oss服务