WordPress添加Google自定义搜索2种方法

WordPress整合Google自定义搜索功能，用户搜索时高亮显示了关键词，提升了搜索的准确度，使用Google高速Ajax加载，大大减轻了主机负担，甚至你还可以自定义CSS，自定义显示结果，同时还可以在Google自定义搜索中集成Adsense与Analytics。

将Google 自定义搜索整合到WordPress中，那样不仅可以高亮搜索词，还可以减少数据库查询，因为搜索结果是Google 提供的，WordPress 不用再去数据库中搜索了，减轻了负载。此外，还能够进行更加全面的搜索，而且，如果我们注册有Google Adsense 帐户的话，还可以将其绑定到搜索结果中以赚取更多的美元。给大家介绍两种方法，大家参考：

1，快速添加法

Google推出了Google Web Elements服务，提供现成的代码，为你的网站提供展示服务，其中有一项就是通用搜索功能。

点击这个网址进入http://www.google.com/webelements/#!/custom-search

用自己的google账户登录，会得到如下的选项

上图中，1是选择方式有三个选项，第一个是普通选项，第二个是绑定你的adsense账户的选项，第三是需要绑定你的搜索KEY的选项。2是填入的对应内容，如adsense账户。3是样式，可以在4中预览，5是代码拷贝区。

你只需要将上面的代码拷贝到博客或网站的特定位置即可，甚至一些可以加入js的第三方博客也可以使用。搜索结果将以ajxa的方式在搜索框下方显示出来，无需另外再加入代码或增加页面。而且得到最终搜索结果的效果也是很好的，可以增加网页的动态效果。例如，你可以将上面的代码直接拷贝到widget 的文本中即可。

进入页面后在Configure一项右边的下拉列表中选择一个，如下：

2，高级整合Google自定义搜索功能

2.1、首先，登录到Google 自定义搜索页面，点击提示语“创建自定义搜索引擎”，输入自己的基本信息和网站地址，得到一个自定义搜索，刚开始可以先练手，如果自己觉得不舒服，后面可以将该自定义删除，所以不用担心填错，即使这个过程有不符合自己想法的，也可以在后面修改。

2.2、完成上面步骤之后，在下方有几项选择，随便一项，我们进入外观，你就会得到下面这个界面了。

上图中可以看到自定义搜索功能管理界面的几乎所有功能。你可以逐项选择进行尝试。这里重点讲解外观设置。

在外观设置中，有上下两行模式，第一行是搜索框嵌入网站的方式，有六种方式，前三种效果和前面提到的快速嵌入的效果一样，都是在搜索框下方用 ajxa的方法弹出结果，下面主要讲解2页的方式，因为这是我们使用该功能的主要的方式，其他两种方式你可以自己加入代码到网站看看效果。第二行的样式就不用多说，在下面的预览中可以看到效果。完成后点击保存获取代码。

2.3、2页的方式进入代码页面后如下图

上图中可以清晰的看到你需要填写的一些信息（adsense账户在左侧赚钱中填写http://www.wpyou.com）然后根据自己的情况填写，“指定您要在自己网站上显示搜索结果的网址”内的地址将在后文中提到填写的内容。注意“指定嵌入到网址中的查询参数的名称”不要用s，因为 wordpress本身s参数即搜索参数，如果你在后面的页面链接中没有处理好，将不会起作用。但是，如果你自己修改search.php模板页，那么可以实现用wordpress自己的搜索框搜传递值的结果，这时你就要用s作为传递参数了，乌徒帮就是这么做的，不知道会不会造成不良影响。 analysisID根据你自己的填写。然后将第一个代码框内的代码拷贝到你想放置搜索框的地方，它将呈现搜索框。

2.4、创建搜索结果呈现页：你应该见过一些教程教你自己创建一个标签页。方法和那是一样的，我的方法是创建一个search.php(我的主题文件本没有该页面)然后作如下代码操作：

<?php /** Template Name: search */ ?>
<?php get_header(); ?>
这里放入你在上图中的第二个框内复制过来的代码即可
<?php get_footer(); ?>

将search.php上传到模板目录

2.5、创建搜索结果呈现页面：进入后台添加页面，这时，你将在右侧的模式中找到一个search的选项，选中后将使用search.php作为该页面的模板。将这个页面的别名（你使用了适当的固定链接的情况下）设置为search。发布后，你可以看下这个页面效果了，搜索试试看，是不是已经有效果了。不要急，这里只是页面内的搜索，你还没有将前第4步中的搜索框和这个页面联系起来。

2.6、完成整站的搜索功能，获取刚才你得到新页面的固定地址，填入“指定您要在自己网站上显示搜索结果的网址”中，这时上图中第一个代码框内的代码有了变化，再将代码拷贝到你想呈现代码框的地方。其实这一步应该在第5步之前完成，这里便于理解放置在后。

2.7、讲一下其他功能，绑定adsense时只需要邮箱地址即可，绑定成功后会提示绑定成功。修改外观之后应该重新安装代码。

通过上面这些步骤，google自定义高级搜索功能也就实现了。

内容参考乌徒帮