一般网站程序都会有搜索功能,但是使用默认的搜索功能每次都会查询操作,如果次数过多就会严重影响网站的服务器性能,并且网站全文搜索不一定好用。
所以这里推荐下那些搜索引擎提供的站内搜索,现在几乎所有搜索引擎都提供有站内搜索代码,包括百度、360好搜、搜狗、谷歌、雅虎等,因为我在使用中发现好搜的调整大小的时候,会遮住他的logo,所以暂时先不用他的了,这里就说下百度的和谷歌的,所谓内事问百度,外事问谷歌,做成的效果就是网站右边的这个效果
谷歌站内搜索
谷歌提供的有个性化的站内搜索,网址是: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="dongge.org/blog"> <input type=hidden name=sitesearch value="dongge.org/blog"> </form> <!--Google站内搜索结束-->
长宽是通过设置style来设置的。
百度站内搜索
百度站内搜索去百度申请就可以了,网址是http://zn.baidu.com/,百度样式可以在里面调整,因为没有被墙,所以用它自定义就可以了。为了和上面的谷歌更协调,选的样式就是和谷歌最接近的简单风格。
搜索框宽236px,高35px,按钮宽96px,搜索按钮字号18,搜索框和按钮间距5px,其他个性化功能自己调整即可。
其他搜索
如果这两个站内搜索满足不了你的需求,可以看下月光博客总结的这几个搜索:《Google和百度、雅虎的站内搜索代码》
版权属于:东哥笔记 - DongGe.org
本文链接:https://dongge.org/blog/362.html
自2017年12月26日起,『转载以及大段采集进行后续编辑』须注明本文标题和链接!否则禁止所有转载和采集行为!