inove整合谷歌自定义搜索

看到有不少博主都把谷歌自定义搜索都整合到了自己的博客中，自己肯定是忍不住了，剩下的就是找个空余的时间来实践了。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分钟搞定~我却……

搜搜试试效果吧~在我右上角~嘿嘿