inove整合谷歌自定义搜索

/ 62评 / 0

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

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

  1. 喜欢你的文章了

  2. 易铭网说道:

    谢谢博主的分享,很实用,支持一下。

  3. 优趣说道:

    学习了。!!

  4. SEO博客说道:

    我的博客上边也打算加一个谷歌自定义搜索,很方便

  5. MR.T说道:

    /s=([^&]*)(&|$)/);//正则传参,这个怎么填,INOVE主题
    :?:

  6. 信阳SEO说道:

    效果不错 :强:

  7. 亿思平台说道:

    “亿思网站安全检测http://www.iiscan.com”
    没想到有这样观点,楼主很独特哦~~~(*^__^*) 嘻嘻

  8. 杨董说道:

    我也用 INOVE 使着挺顺手的

  9. 朵未说道:

    建议你加个代码高亮,这样复制下来代码容易出错。 :嘻:

  10. 芳草集说道:

    来看文章啦。。

  11. 岸边说道:

    最近忙,没时间上线,呵呵

  12. 羽毛说道:

    咳咳 爲什麽感覺似曾相識的日誌。。

    • hesiway说道:

      @羽毛 @羽毛, 这谷歌自定义搜索已经有好多博主都加上了,我就弄个inove版的~

  13. 迎接说道:

    效果不错哦

  14. BoKeam说道:

    我的方法差不多

  15. only博客说道:

    很实用,过来支持一下! :嘻:

  16. yisvin说道:

    好强大!!!支持站长!!! :强:

  17. 学夫子说道:

    我就是记得我在小松那里见过

  18. 碰到的话,可以来取金了,谢谢博主的分享。

  19. 灵亦rEd说道:

    将INOVE改得越来越牛逼了

  20. 扯远了说道:

    不懂这个东西

  21. blueandhack说道:

    那个url滑动是怎么做的~~给一个传送门~

  22. 欲风说道:

    目前的流量来讲不是很需要~

  23. freetstar说道:

    博客内容量大之后确实要整整搜索这块

  24. jieon说道:

    ~~~~~~~~~~~~~~~~~

  25. 小周博客说道:

    我不用inove主题~ :嘻:

  26. Ray说道:

    貌似挺好玩的。

  27. 人好哇!说道:

    我表示最近不打算折腾这些东西,觉得太累了……

  28. 有点蓝说道:

    近期打算折腾这个功能

  29. Jethro说道:

    来过了。。

  30. Ian说道:

    我也申请了google自定义搜索,直接用WP的小工具嵌入的。 :嘻:

  31. blueandhack说道:

    我就是要做这个~~~~~
    你太及时了~

  32. 风小说道:

    :强: 功能不错, :扣: 不过我懒得弄了,看着就累丫

  33. {潮汛.}说道:

    inove 的最新版本有这个功能

    • hesiway说道:

      @{潮汛.} @{潮汛.}, 有这个功能,但显示和使用Google搜索一样在他网站打开的~这个整合在主题中了

  34. 岸边说道:

    要去试试看效果 :嘻:

  35. 小松说道:

    哈哈,还说道我了啊~谢谢啦~

Comments have been closed.