看到有不少博主都把谷歌自定义搜索都整合到了自己的博客中，自己肯定是忍不住了，剩下的就是找个空余的时间来实践了。Google 自定义搜索的强大自然不用说，搜索请求及CSS样式都交给谷歌处理了，主机减负不少啊，另外我还发现可以在搜索结果中绑定 Google Adsense 赚钱，可惜自己没账户。
以下是我整合的过程，如果想emlog整合谷歌自定义搜索，看小松的，通用WordPress整合Google自定义搜索，看自力的。如果用的是inove主题或不添加Wordpress页面模版而改改默认的搜索页就继续看.
一：申请 Google 自定义搜索
用 Google帐号登录 http://www.google.com/cse/，
获得搜索引擎的唯一 ID：018412868480264811006:dxp7tm1cwwo
二：修改搜索结果页
在inove中，搜索结果也是search.php，发现里面内容就是
<?php include(‘archive.php’); ?>
archive.php下是各类查找显示结果，tag,category等等都用的是这个，现在就舍弃搜索。
直接在search.php中编辑，替换为以下内容：
<?php
/*
google seach
*/
?>
<?php get_header(); ?>
<div>
<div>
<div id=”cse” style=”width: 100%;”>Google Search……</div>
<script src=”http://www.google.com/jsapi” type=”text/javascript”></script>
<script type=”text/javascript”>
google.load(‘search’, ‘1’, {language : ‘zh-CN’});
google.setOnLoadCallback(function(){
var customSearchControl = new google.search.CustomSearchControl(‘018412868480264811006:dxp7tm1cwwo’);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw(‘cse’);
var match = location.search.match(/s=([^&]*)(&|$)/);//正则传参
if(match && match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel=”stylesheet” href=”http://www.google.com/cse/style/look/default.css” type=”text/css” />
</div>
</div>
<?php get_footer(); ?>
上面红色部分需要填上和自己博客相关的，s要与搜索文本输入框的name值一致。
三：寻找搜索输入框的name,实现传参
这个过程就纠结了，一开始我在主题文件目录下的header.php里找啊找，愣是没发现有关”search”的踪影，index.php也找不到，居然在templates目录下的header.php里，看来对主题文件还是不了解啊。
<div id=”searchbox”>
<?php if($options[‘google_cse’] && $options[‘google_cse_cx’]) : ?>
<form action=”http://www.google.com/cse” method=”get”>
<div>
<input type=”text” name=”q” size=”24″ />
<input type=”submit” name=”sa” value=”” />
<input type=”hidden” name=”cx” value=”<?php echo $options[‘google_cse_cx’]; ?>” />
<input type=”hidden” name=”ie” value=”UTF-8″ />
</div>
</form>
<?php else : ?>
<form action=”<?php bloginfo(‘home’); ?>” method=”get”>
<div>
<input type=”text” name=”s” size=”24″ value=”<?php echo wp_specialchars($s, 1); ?>” />
<input type=”submit” value=”” />
</div>
</form>
<?php endif; ?>
</div>
没有这一步或name值不一样，在搜索后直接跳到search页面，需要再次输入关键词搜索。
从上面看到inove主题已经自带了谷歌自定义搜索，在后台外观下当前选主题项可以找到，只是这样搜索结果显示位于Google网页之上，不是在博客中显示，这就不是我们想要的。也可以结合添加Wordpress页面模版改为在博客上显示，这样在后台就可以直接选择是否启用谷歌自定义搜索了。
综上得：如果是inove主题想要整合谷歌自定义搜索，只需一，二两部，5分钟搞定~我却……
搜搜试试效果吧~在我右上角~嘿嘿
评论
《 “inove整合谷歌自定义搜索” 》 有 62 条评论
哈哈，还说道我了啊~谢谢啦~
@小松, 之前看到了嘛，就加一个~嘿嘿~
要去试试看效果 :嘻:
@岸边, 没加样式，凑合吧~
inove 的最新版本有这个功能
@{潮汛.}, 有这个功能，但显示和使用Google搜索一样在他网站打开的~这个整合在主题中了
:强: 功能不错， :扣: 不过我懒得弄了，看着就累丫
@风小, 折腾过程才累呢，结果却是这么简单~
我就是要做这个~~~~~
你太及时了~
@blueandhack, 哈哈，本文还有的作用~
我也申请了google自定义搜索，直接用WP的小工具嵌入的。 :嘻:
@Ian, 这样就方便多了么，HOHO~
来过了。。
@Jethro, :嘻:
近期打算折腾这个功能
@有点蓝, 用着还是不错滴，好长多多~
我表示最近不打算折腾这些东西，觉得太累了……
@人好哇！, 呵呵~我也慢下来了，休息下~
貌似挺好玩的。
@Ray, 很好用，嘿嘿~
我不用inove主题~ :嘻:
@小周博客, 方法还是一致的，通用~
~~~~~~~~~~~~~~~~~
@jieon, :嘻:
博客内容量大之后确实要整整搜索这块
@freetstar, 恩恩，我就先备着了~
目前的流量来讲不是很需要~
@欲风, 比原来的好用多了，也算是一个功能~
那个url滑动是怎么做的~~给一个传送门~
@blueandhack, http://www.hesiway.info/small-modifications-sidebar.html
不懂这个东西
@扯远了, 照搬也好，呵呵~
将INOVE改得越来越牛逼了
@灵亦rEd, 改得啥认证都通不过了~
@hesiway, 在chrome和opera下有时候会卡
碰到的话，可以来取金了，谢谢博主的分享。
@如何去除口臭, :嘻:
我就是记得我在小松那里见过
@学夫子, 这个我已经看到好多个了~
好强大！！！支持站长！！！ :强:
@yisvin, 谢谢站长~
很实用，过来支持一下！ :嘻:
@only博客, 恩恩~
我的方法差不多
@BoKeam, 呵呵，大同小异~
效果不错哦
@迎接, 也去弄一个吧，呵呵~
咳咳 爲什麽感覺似曾相識的日誌。。
@羽毛, 这谷歌自定义搜索已经有好多博主都加上了，我就弄个inove版的~
最近忙，没时间上线，呵呵
@岸边, 我也一样哈~~没更新了~
来看文章啦。。
@芳草集, 欢迎欢迎
建议你加个代码高亮，这样复制下来代码容易出错。 :嘻:
我也用 INOVE 使着挺顺手的
“亿思网站安全检测http://www.iiscan.com”
没想到有这样观点，楼主很独特哦~~~(*^__^*) 嘻嘻
效果不错 :强:
/s=([^&]*)(&|$)/);//正则传参，这个怎么填，INOVE主题
:？:
我的博客上边也打算加一个谷歌自定义搜索，很方便
学习了。！！
谢谢博主的分享，很实用，支持一下。
喜欢你的文章了