在 Google Custom Search 推出以后，很多人都将站内搜索替换掉了。原因很简单 Google Custom Search 比站内搜索效率高质量好，不检索网站数据库节省效率，当然还能捞点外块。

本来由于怕麻烦也就这样放着凑合着用，但是最近实在是无法忍受站内搜索那低劣的搜索质量，决定取而代之，花了半个小时搞定。怎么折腾这东西呢？其实很简单，尤其看你选择的方式而定。

Google Custom Search 默认提供了三种方式可供选择，如果选择在 Google 网页上托管搜索结果和覆盖的模式在自己网站上显示结果的话问题就很简单了，只要将提供的搜索代码粘贴到你原来的站内搜索代码的位置就可以了。至于效果，前者是在 Google 窗口显示，后者是在自己网站上以 Ajax 弹窗的形式表现的。个人觉得还是第二种方法更好些，在自己的网站上托管结果，并且单独使用一页用来显示结果。哈哈，这就要用到两个页面，一个页面用于放置搜索代码，另一个页面用于显示搜索结果。下面我就简单说说这其中的过程和步骤：

放置搜索代码：这个搜索代码要在哪里获得呢？这个我不说的很详细，只告诉大家获取的地址，很简单的。这里要说的是在获取代码时需要注意的一个地方，就是搜索结果显示地址的填写，这个地址就是网站显示搜索结果的地址，所以一定要填写正确要不然是不会显示搜索结果滴。我的设置如图所示：

通常如果你使用的是 WordPress 搭建的博客我们都会新建一个 Page 页面，然后将它的地址命名为 Search 用来显示搜索结果，我就是这样做的。同时还要指定搜索结果广告投放的位置（如果前面你已经和 AdSense 关联的话），这个要根据你个人的喜好了。

指定好搜索结果的详情后，系统会自动生成两行代码，将第一行代码与之前的站内搜索代码替换一下我们就完成第一步了。这个就涉及到了一个小小的问题，站内代码在哪里？我们还以 WordPress 系统为例，你首先需要目测一下博客上搜索框的位置，这个通常会出现在头部和侧栏两个位置，比如三两饭的搜索框就出现在侧边栏上，那么就去 Sidebar.php 这个文件上去找，如果出现在头部，那么十有八九就在 Header.php 这个文件里。

替换的时候可不是简单的复制粘贴，因为涉及到网站样式兼容的问题所以请仔细查看代码，尽量保持网站样式和搜索框样式协调一致，如果想自己重写样式的话，可以先去掉 id=”cse-search-box” 这个系统默认的样式。当然，关于搜索结果的样式在  里也有相应的设置的。

设置搜索结果：我们之前已经新建了一个 Search 页面，这一页就是用来显示搜索结果的。所以将第二段代码复制到这一页面来，这样整个 Google Custom Search 就可以在网站上使用了。

事情弄到这里事实上还不能算是完全搞定，这要根据不同网站（博客）的样式而定的。默认的 Google Custom Search 搜索结果页面宽度是600像素，但是很多网站的页面世界上要小于这个数字（比如三两饭的仅为420像素），这样多余的部分将会溢出页面，如何解决这个问题呢？

我简单试过更改这个默认的数字，貌似600是最小值，你可以将它调大但是不能变小了。那像我博客这样的宽度就只好借助于样式表来隐藏这一溢出的部分了。样式代码请加在搜索结果代码的第一个 Div 标签上，具体的代码如下：

<div style=”overflow:hidden;width:420px;”>

好了，以上就是三两饭有关使用 Google Custom Search 替换站内搜索的全过程，事情很简单不过貌似我的语言描述有些冗长，大家凑合着看吧。