一般网站程序都会有搜索功能,但是使用默认的搜索功能每次都会查询操作,如果次数过多就会严重影响网站的服务器性能,并且网站全文搜索不一定好用。

所以这里推荐下那些搜索引擎提供的站内搜索,现在几乎所有搜索引擎都提供有站内搜索代码,包括百度、360好搜、搜狗、谷歌、雅虎等,因为我在使用中发现好搜的调整大小的时候,会遮住他的logo,所以暂时先不用他的了,这里就说下百度的和谷歌的,所谓内事问百度,外事问谷歌,做成的效果就是网站右边的这个效果

屏幕快照 2016-09-20 22.44.14.png

谷歌站内搜索

谷歌提供的有个性化的站内搜索,网址是:https://cse.google.com/cse/all,这个站内搜索可以自定义搜索样式等等,但是有一个重大问题就是他这个搜索的css样式和js全部是调用的谷歌的,但是现在谷歌被屏蔽了,也就是说如果你加在网站上,而用户没有翻墙,那么这个搜索框其实是加载不出来的,并且会一直拖慢你网站的速度。

所以这里用静态的方法设置谷歌搜索,只有点击开始搜索的时候才调用谷歌的服务,这样用户就算不翻墙也可以看到的,只有真正搜索的时候才会开始去谷歌搜索,当然个性化的搜索结果是实现不了了。记得把我网站域名替换成你的网站

<!--Google站内搜索开始-->
<form method=get action="http://www.google.com/search" target="_blank">
<input type=text name=q style="width:236px;height:36px;border-color:#a6a6a6" placeholder="需要翻墙才可以用谷歌搜索哦"">
<input type=submit name=btnG value="Google 搜索" style="height: 35px;">
<input type=hidden name=ie value=utf8>
<input type=hidden name=oe value=utf8>
<input type=hidden name=hl value=zh-CN>
<input type=hidden name=domains value="ddceo.com/blog">
<input type=hidden name=sitesearch value="ddceo.com/blog">
</form>
<!--Google站内搜索结束-->

长宽是通过设置style来设置的。

百度站内搜索

百度站内搜索去百度申请就可以了,网址是http://zn.baidu.com/,百度样式可以在里面调整,因为没有被墙,所以用它自定义就可以了。为了和上面的谷歌更协调,选的样式就是和谷歌最接近的简单风格。

搜索框宽236px,高35px,按钮宽96px,搜索按钮字号18,搜索框和按钮间距5px,其他个性化功能自己调整即可。

其他搜索

如果这两个站内搜索满足不了你的需求,可以看下月光博客总结的这几个搜索:《Google和百度、雅虎的站内搜索代码


☟☟可点击下方广告支持一下☟☟

最后修改:1970 年 01 月 01 日
请我喝杯可乐,请随意打赏: ☞已打赏列表