整合 Google 自定义搜索到 WordPress 中
2009年08月04日
什么是 Google 自定义搜索
Google 自定义搜索可以人让你在一个网站或一堆网站中进行搜索。我们可以利用 Google 自定义搜索创建符合自己的需求和兴趣的搜索引擎，并可以在我们自己的网站中显示这些结果，Google 自定义搜索可以邀请朋友来一构建。此外 Google 自定义搜索还可以绑定 Google AdSense 帐户，赚取利润。
整合 Google 自定义搜索到 WordPress
整合 Google 自定义搜索到 WordPress ，可以减少数据库查询，因为搜索结果是 Google 提供的，WordPress 不用再去数据库中搜索了。此外还能够进行更加全面的搜索，WordPress 目前只能搜索日志。另外还可以在搜索结果中绑定 Google Adsense 赚钱。
那么如何整合 Google 自定义搜索到 WordPress 中。下面是我总结的简单几个步骤：
1. 在 WordPress 中创建一个页面，然后再在导航栏中设置为不显示该页面，如果你是用 wp_list_pages() 这个函数输出页面的，你可以使用 exclude 这个参数把刚才创建的页面剔除出去。
2. 登录到 Google 自定义搜索，创建你的自定义搜索。
3. 在输入你的基本信息和网站之后，来到代码 tab 页面。详细配置如下：
4. 搜索结果托管选项选项：选择在非 Google 网站上托管结果，然后选择 iframe
5. 指定搜索结果详情：输入你第一步创建页面的页面的地址。如我的：http://fairyfish.net/cse/
6. 然后用搜索框代码替换你原来的 WordPress 搜索框代码。你需要根据你自己的 WordPress 搜索框的样式对这段代码做下修改，以适合你的主题。
7. 编辑你第一步创建的页面，把搜索结果代码复制到该页面。你也需要对该段代码做些调整。主要是修改下 googleSearchFrameWidth = 600;，把 600 修改成适合你主体的宽度。
8. 然后到达外观 tab 页面，在该页定义搜索框样式和搜索结果配色方案。
9. 如果你要整合 Google Adsense 到这个结果中来，还可以使用到赚钱这个 tab 页面，绑定你 Google Adsense 账号。
41 条评论 添加你的评论 →
1. ysuiyun | 2008:04:29 - 13:20:05 | #
沙发，哈~
2. 54geek | 2008:04:29 - 13:22:12 | #
沙发
3. 54geek | 2008:04:29 - 13:22:37 | #
原来不是的，慢了一步，呵呵
4. 雀巢 | 2008:04:29 - 14:14:52 | #
学习了
5. summer | 2008:04:29 - 14:43:11 | #
我用google ads加了一个搜索框：）
其实google的检索比本地快～
6. adam | 2008:04:29 - 15:05:53 | #
不够详细 呵呵 比如要实现搜索结果显示在http://fairyfish.net/search/ 要把search.php放在根目录
7. Denis | 2008:04:29 - 15:56:52 | #
是 http://fairyfish.net/search/ 不是 http://fairyfish.net/search.php
这是 WordPress 的一个静态页面。
8. Admin9 | 2008:04:29 - 15:39:01 | #
刚从chinaz看到。过来看看。
9. Denis | 2008:04:29 - 15:58:21 | #
chinaz是什么？
10. sytao | 2008:04:29 - 16:18:24 | #
站长站
11. Denis | 2008:04:29 - 16:20:24 | #
看了下，全部是…..
12. Crazy Loong | 2008:04:29 - 17:38:02 | #
你的版权声明又被忽略了
13. Denis | 2008:04:29 - 17:47:34 | #
防不胜防！垃圾网站太多了！
14. Admin9 | 2008:04:29 - 23:42:25 | #
忽略版权的事，他们经常干。。
15. 摩摩诘 | 2008:04:30 - 18:08:49 | #
中国站长站是个垃圾,到处采集,不加原链接….
16. 乐乐猪 | 2008:04:29 - 15:42:09 | #
试验中
17. Meinv | 2008:04:29 - 16:01:37 | #
学习了
马上回去试验….
18. Leo | 2008:04:29 - 16:56:15 | #
笨鱼，WordPress 2.5已经搜索页面了。
19. Denis | 2008:04:29 - 17:22:09 | #
我假装他不行。
20. 摩摩诘 | 2008:04:29 - 22:57:28 | #
嘿嘿,终于出现了,可惜我的主机挂了,不能试验…
21. 9NPC | 2008:04:30 - 00:12:02 | #
我的站也是用GOOGLE自定義搜索。此前也寫過一篇幅介紹，給大家當個附加參考
http://www.9npc.com/2008/03/google-cse.html
22. tomdbtel | 2008:04:30 - 09:20:40 | #
这个教程写得好
23. 阳阳 | 2008:05:01 - 11:54:26 | #
我用的是blogbus的博客，搜索用的是google adsense里的搜索框，感觉也不错！
24. K | 2008:05:02 - 10:39:24 | #
感谢水煮鱼!我弄好了
.
25. 54geek | 2008:05:06 - 02:26:01 | #
一个控制搜索结果页宽度的CSS修改代码：http://www.eryi.org/blog/post/google-co-op-cse-width.html
26. 轶侠 | 2008:05:10 - 21:04:29 | #
谢谢哦，学会一招，真好
不过下面的那个smile我就是用不了，明明表情都显示了，可是点上去就报错
firefox报错说
错误： tinyMCE.selectedInstance has no properties
源文件：http://www.e-xia.com/e-xia/blog/index.php?ak_action=wp_grins_js
行：40
哎~~~~
27. 轶侠 | 2008:05:11 - 08:03:46 | #
为啥我在2.51装了报错呢，能看到icon，一点就报错。
看了一下你的页面源代码，就只有很少的一段javascript，是不是改过了
28. 轶侠 | 2008:05:11 - 08:36:38 | #
郁闷，又发错地方
29. jc0100 | 2008:05:21 - 16:39:57 | #
猪大，就是强啊！！！！好方法
30. Young | 2008:07:20 - 22:47:54 | #
这个玩意之前没有注意，现在发现很有用。如果花钱买一个Goolge自定义搜素，最少也得100美金/年。
31. Tom | 2008:08:12 - 06:22:46 | #
用 wp_list_pages() 这个函数输出页面的，你可以使用 exclude 这个参数把刚才创建的页面剔除出去。
在我的(header.php)下有个，但不知exclude这个参数怎么加近去啊？新建的search页面ID是11。请详细解释一下好吗？希望您的回复，谢谢！
32. Tom | 2008:08:12 - 06:28:07 | #
用 wp_list_pages() 这个函数输出页面的，你可以使用 exclude 这个参数把刚才创建的页面剔除出去。
在我的(header.php)下有个wp_list_pages(‘title_li=&depth=1′);，但不知exclude这个参数怎么加近去才能剔除search啊？新建的search页面ID是11。请详细解释一下好吗？希望您的回复，谢谢！
33. Denis | 2008:08:12 - 10:38:18 | #
wp_list_pages(‘title_li=&depth=1&exclude=1′);
34. Tom | 2008:08:12 - 15:47:39 | #
把wp_list_pages(‘title_li=&depth=1&exclude=1′);改成wp_list_pages(‘title_li=&depth=1&exclude=11′);
就OK了。谢谢您！
35. 鸟类网 | 2008:11:08 - 16:26:55 | #
介绍的很好，我的网站已经很好的整合了Google自定义搜索，包括搜索框样式都可以进行了美化。
36. tsman | 2008:11:18 - 16:41:34 | #
终于用上了，可是怎么让搜索框靠右边呀！麻烦看一下
37. logtee | 2008:12:30 - 16:08:59 | #
exclude 这个参数怎么用呢?
38. Andy | 2009:03:29 - 13:57:26 | #
我的自定义搜索只能搜索首页，不知道怎么回事
39. TTwan | 2009:11:21 - 02:47:12 | #
我用的是elegant-box.4.1.1的主题，在header.php里面找到下面的代码，
wp_list_pages(‘&title_li=0&sort_column=menu_order’);
我的搜索结果页的ID=10，
我修改成：
wp_list_pages(‘&title_li=0&sort_column=menu_order&exclude=10′);
但是总还是会显示这个页面，不知道为什么！
40. 小峰JoysBoy | 2010:02:01 - 10:33:45 | #
想问下，新建页面都会在导航栏显示，我怎么隐藏它
41. Denis | 2010:02:01 - 10:56:40 | #
使用 exclude 参数！