会员登录 还没有账号? 立即注册

WordPress网站定制开发专家
成为WPYOU会员, 享受更多专属优惠吧!

成为WPYOU联盟推广代理,获取高比例的推广佣金分成

立即加入

WordPress添加Google自定义搜索2种方法

WordPress整合Google自定义搜索功能,用户搜索时高亮显示了关键词,提升了搜索的准确度,使用Google高速Ajax加载,大大减轻了主机负担,甚至你还可以自定义CSS,自定义显示结果,同时还可以在Google自定义搜索中集成Adsense与Analytics。

 

将Google 自定义搜索整合到WordPress中,那样不仅可以高亮搜索词,还可以减少数据库查询,因为搜索结果是Google 提供的,WordPress 不用再去数据库中搜索了,减轻了负载。此外,还能够进行更加全面的搜索,而且,如果我们注册有Google Adsense 帐户的话,还可以将其绑定到搜索结果中以赚取更多的美元。给大家介绍两种方法,大家参考:

1,快速添加法

Google推出了Google Web Elements服务,提供现成的代码,为你的网站提供展示服务,其中有一项就是通用搜索功能。

点击这个网址进入http://www.google.com/webelements/#!/custom-search

用自己的google账户登录,会得到如下的选项

上图中,1是选择方式有三个选项,第一个是普通选项,第二个是绑定你的adsense账户的选项,第三是需要绑定你的搜索KEY的选项。2是填入的对应内容,如adsense账户。3是样式,可以在4中预览,5是代码拷贝区。

你只需要将上面的代码拷贝到博客或网站的特定位置即可,甚至一些可以加入js的第三方博客也可以使用。搜索结果将以ajxa的方式在搜索框下方显示出来,无需另外再加入代码或增加页面。而且得到最终搜索结果的效果也是很好的,可以增加网页的动态效果。例如,你可以将上面的代码直接拷贝到widget 的文本中即可。

 

进入页面后在Configure一项右边的下拉列表中选择一个,如下:

 

2,高级整合Google自定义搜索功能

2.1、首先,登录到Google 自定义搜索页面,点击提示语“创建自定义搜索引擎”,输入自己的基本信息和网站地址,得到一个自定义搜索,刚开始可以先练手,如果自己觉得不舒服,后面可以将该自定义删除,所以不用担心填错,即使这个过程有不符合自己想法的,也可以在后面修改。

六款站长必备的Google官方工具—Google自定义搜索

2.2、完成上面步骤之后,在下方有几项选择,随便一项,我们进入外观,你就会得到下面这个界面了。

上图中可以看到自定义搜索功能管理界面的几乎所有功能。你可以逐项选择进行尝试。这里重点讲解外观设置。

在外观设置中,有上下两行模式,第一行是搜索框嵌入网站的方式,有六种方式,前三种效果和前面提到的快速嵌入的效果一样,都是在搜索框下方用 ajxa的方法弹出结果,下面主要讲解2页的方式,因为这是我们使用该功能的主要的方式,其他两种方式你可以自己加入代码到网站看看效果。第二行的样式就不用多说,在下面的预览中可以看到效果。完成后点击保存获取代码。

2.3、2页的方式进入代码页面后如下图

上图中可以清晰的看到你需要填写的一些信息(adsense账户在左侧赚钱中填写http://www.wpyou.com)然后根据自己的情况填写,“指定您要在自己网站上显示搜索结果的网址”内的地址将在后文中提到填写的内容。注意“指定嵌入到网址中的查询参数的名称”不要用s,因为 wordpress本身s参数即搜索参数,如果你在后面的页面链接中没有处理好,将不会起作用。但是,如果你自己修改search.php模板页,那么可以实现用wordpress自己的搜索框搜传递值的结果,这时你就要用s作为传递参数了,乌徒帮就是这么做的,不知道会不会造成不良影响。 analysisID根据你自己的填写。然后将第一个代码框内的代码拷贝到你想放置搜索框的地方,它将呈现搜索框。

2.4、创建搜索结果呈现页:你应该见过一些教程教你自己创建一个标签页。方法和那是一样的,我的方法是创建一个search.php(我的主题文件本没有该页面)然后作如下代码操作:

<?php /** Template Name: search */ ?>
<?php get_header(); ?>
这里放入你在上图中的第二个框内复制过来的代码即可
<?php get_footer(); ?>

将search.php上传到模板目录

2.5、创建搜索结果呈现页面:进入后台添加页面,这时,你将在右侧的模式中找到一个search的选项,选中后将使用search.php作为该页面的模板。将这个页面的别名(你使用了适当的固定链接的情况下)设置为search。发布后,你可以看下这个页面效果了,搜索试试看,是不是已经有效果了。不要急,这里只是页面内的搜索,你还没有将前第4步中的搜索框和这个页面联系起来。

2.6、完成整站的搜索功能,获取刚才你得到新页面的固定地址,填入“指定您要在自己网站上显示搜索结果的网址”中,这时上图中第一个代码框内的代码有了变化,再将代码拷贝到你想呈现代码框的地方。其实这一步应该在第5步之前完成,这里便于理解放置在后。

2.7、讲一下其他功能,绑定adsense时只需要邮箱地址即可,绑定成功后会提示绑定成功。修改外观之后应该重新安装代码。

通过上面这些步骤,google自定义高级搜索功能也就实现了。

内容参考乌徒帮

在线留言

您的昵称 *

您的邮箱 *

您的网站

评论内容

  1. QQ先生2011/09/16 16:31:05

    google 把指定搜索详情给删除了 找不到了 晕死

  2. 天行键2012/05/30 00:47:45

    难度好大啊。。。。

在线客服

点击这里给我发消息 定制开发 购买主题 售前咨询 售后服务
返回顶部