集成google ajax search到你的wordpress blog中

时间：2007-06-13 15:44:45      类别：Web技术|WEB Tech, Wordpress      本文链接：生活点滴Enjoy Life

上一次介绍了如何在wordpress上添加站内搜索，有朋友已经成功的安装了，利用google搜索的好处我不用再多说，如果你还不知道，你就站内搜索“google 搜索 好处”吧。这次我要介绍如何将google的ajax搜索安装在你的wordpress上面，具体效果如本站所示。

安装ajax搜索的优点是你可以随时随地进行搜索，并且将结果显示在当前的页面，而不需要跳转到其他的页面上去，也可以通过点击搜索框旁边那个红叉方便的关闭搜索结果，但是不好的就是你如果在使用google的ads的话，可能这样的ajax搜索是不会给你带来收入了，别指望google的那点收入了，不过还是你自己权衡吧，废话少说，下面开始介绍。

主要的任务依然是修改你的模板，我下面提到的文件名字均在你当前使用的模板文件夹下。

  1. 首先去http://code.google.com/apis/ajaxsearch/signup.html申请一个ajax search的API；
  2. 打开header.php，添加google ajax 搜索需要用到的js css。代码在后面的附件txt文件中;
  3. 打开sidebar.php,添加搜索框,在合适的地方添加代码
    1. <div id="searchcontrol"></div>
    2. <script type='text/javascript'>
    3. OnLoad();
    4. </script>

    对,就这么简单,因为js会查找这个div,然后写入搜索框到该div;
  4. 开你的single.php index.php page.php等等,在需要显示结果的地方加上下面的代码:
    1. <div id="searchResults" style="width:100%"></div><script type='text/javascript'>
    2. OnLoad();
    3. </script>
    ，是不是也是很简单？
  5. 如果你安装了cos-html-cache,请更新缓存,然后在各个页面进行搜索,看是否成功,如果有JS错误,表示该页面对应的模板没有完成好第四步的操作.
  6. 复制的代码请替代一下双引号‘“’，wp自动的把半角的转发成全角的了，所以你需要全文替代一下！，如果你是中文blog，请注意文件保存的时候选择UFT-8编码，如下图：

有问题,或者成功安装,别忘了再这里留下脚印哦.

附件: header.txt

该日志未加标签
发表于 2007-06-13 15:44:45 目录：Web技术|WEB Tech, Wordpress [RSS 2.0] 你可以发表评论, 或者从您的网站 trackback
  • 无相关日志
如果您喜欢本blog，欢迎你的feed订阅，谢谢你的支持
上一篇： « IBM的新专利-外接内存 下一篇： 友情链接的申明 »

前14排已经被占据了 快抢好位置哦

  • 第1楼 闲云野鹤 在 2007.06.19 01:16发表评论如下:

    没成功啊，显示不了搜索框 不知道是不是我blog的模板问题！

    [回复他/她]
  • 第2楼 cosβ 在 2007.06.19 20:09发表评论如下:

    出错提示是？

    [回复他/她]
  • 第3楼 闲云野鹤 在 2007.06.19 21:27发表评论如下:

    没有出错提示，就是显示不了搜索框。操作第3步后，会在页面出现搜索框，下面还有一大堆东西！

    [回复他/她]
  • 第4楼 cosβ 在 2007.06.19 22:10发表评论如下:

    demo.storyday.com,已经搞定，文章有部分修改，请注意红色的字体

    [回复他/她]
  • 第5楼 闲云野鹤 在 2007.06.19 22:14发表评论如下:

    这个问题我注意到了，但是还不行，你能不能上下Google Talk？

    [回复他/她]
  • 第6楼 闲云野鹤 在 2007.06.19 23:14发表评论如下:

    呵呵，已经弄好了！
    第四个步骤要加的代码后面再加
    OnLoad();

    就可以了

    [回复他/她]
  • 第7楼   利用Google AJAX Search API完美打造站内搜索 by 遗忘的角落 在 2007.06.20 14:01发表评论如下:

    [...] 此方法属于生活点滴原创，但那里的代码还有点问题，我只是改正了下，已经经过测试了，大家可以在站内搜索试下! [...]

    [回复他/她]
  • 第8楼 As you can 在 2007.06.20 21:28发表评论如下:

    原来如此简单，哈哈，搞定了

    [回复他/她]
  • 第9楼 cosβ 在 2007.06.20 21:29发表评论如下:

    我当时从google的官方blog上把这些代码找出来可不那么简单哦

    [回复他/她]
  • 第10楼 闲云野鹤 在 2007.06.20 22:35发表评论如下:

    [quote]我当时从google的官方blog上把这些代码找出来可不那么简单哦[/quote]
    有句俗话叫前人栽树后人凉 (*^_^*) 嘻嘻……
    辛苦了东哥……

    [回复他/她]
  • 第11楼 阅微堂全站系统“yuewei”下载 @ 阅微堂 在 2007.08.02 13:35发表评论如下:

    [...] 要使用Google站内搜索代替WordPress的数据库搜索，见Google Web API打造站内搜索或者使用Google  Ajax Search。 [...]

    [回复他/她]
  • 第12楼 利用Google Ajax Search进行站内搜索 - By Think Again - Let's Blog! 在 2007.09.16 23:49发表评论如下:

    [...] ajax search wordpress，结果第一个就是Storyday博客的，“集成google ajax search到你的wordpress blog中”，结果参照他的文章及提供的代码，以及Google Search官方的帮助“Google AJAX [...]

    [回复他/她]
  • 第13楼 codion 在 2008.02.08 11:26发表评论如下:

    留个脚印，参照你的教程，简单完成3步粘贴就成功了~真是神奇~感谢~

    [回复他/她]
  • 第14楼 搜尋改用google替代 : MUKI space* 在 2008.04.23 22:08发表评论如下:

    [...] 我在sidebar.php的地方，使用的是 ajax google search 而底下的footer.php部分，使用google adsense提供的serach功能 [...]

    [回复他/她]
  • 转到第 页
(Required)
(Required, not published)
如果留言未显示请不要重复留言，我将为你恢复！


生活点滴Enjoy Life is proudly powered by WordPress | admin| About Us | cosbeta| Bluehost| site map 0.339s & 26