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

简介:

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

站长工具|百度搜索框提示功能 - 第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,如需转载请自行联系原作者

相关文章
|
10月前
|
Ubuntu 网络安全
百度搜索:蓝易云【Ubuntu命令使用方法大全】
请注意,以上仅是Ubuntu中一小部分常用命令的简要说明。要深入了解和学习Ubuntu命令,请参考Ubuntu官方文档、在线教程和书籍资源。熟练掌握常用的命令对于在Ubuntu系统中进行日常管理和开发任务至关重要。
89 3
|
10月前
|
Ubuntu 网络安全
百度搜索:蓝易云【Ubuntu命令速查】
这些是常见的Ubuntu命令的速查表。可以根据需要使用这些命令来快速执行日常管理和开发任务。
151 1
|
10月前
|
Ubuntu Java 调度
百度搜索:蓝易云【ubuntu系统安装SGE教程】
请注意,以上是一般的SGE安装步骤,具体步骤可能会因SGE版本和系统配置而有所不同。建议在安装过程中遵循官方文档或其他可靠资源,并根据实际情况进行相应的配置调整。
184 0
|
9月前
|
数据采集 JavaScript 前端开发
详尽分享网站网页中加入各种分享按钮功能百度分享
详尽分享网站网页中加入各种分享按钮功能百度分享
155 0
|
监控 Linux Python
百度搜索:蓝易云【Linux系统安装HomeAssistant教程。】
请注意,以上步骤提供了基本的Home Assistant安装指南。具体的安装过程可能因您使用的Linux发行版和软件源而有所不同。如果您遇到任何问题,请参考相应的文档,或寻求相关的支持和指导。
271 0
|
10月前
|
Ubuntu 应用服务中间件 Apache
百度搜索:蓝易云【Ubunt20.04安装Gramine教程。】
现在,你已经成功在Ubuntu 20.04上安装了Gramine,并创建了一个新的Gramine项目。你可以通过访问[http://localhost:5000](http://localhost:5000/)来查看运行的Gramine应用程序。请注意,在生产环境中,你可能需要配置额外的Web服务器(如Nginx或Apache)来处理Gramine应用程序的请求。
127 1
|
10月前
|
Kubernetes 监控 安全
百度搜索:蓝易云【【k8s系列】搭建MicroK8s Dashboard教程。】
完成以上步骤后,你就成功搭建了MicroK8s Dashboard,并可以通过Web界面管理和监控你的MicroK8s集群。请确保根据实际需求进行适当的安全配置和访问控制,以保护你的集群和数据安全。
140 2
|
10月前
|
Ubuntu 关系型数据库 MySQL
百度搜索:蓝易云【ubuntu系统服务器安装WordPress教程】
现在,你已经成功在Ubuntu系统服务器上安装了WordPress。可以使用你的域名或服务器IP地址访问WordPress网站,进行网站配置和内容发布。
231 0
|
10月前
|
关系型数据库 MySQL Linux
百度搜索:蓝易云【Linux系统之安装showdoc文档工具】
完成以上步骤后,你就成功在Linux系统中安装了ShowDoc文档工具。请注意,具体步骤可能会根据你的系统和配置而有所不同。建议参考ShowDoc官方文档或其他详细教程以获取更准确和全面的安装指南。
88 0
CSDN博客自定义栏目——Google、百度、必应站内搜索框
CSDN博客自定义栏目——Google、百度、必应站内搜索框
198 0