天缘博客

日薄风骤艳阳曾,月明今夜诵三经,天缘路上多风雨,地北天南亦有情。

如何使用Google自定义搜索

本文图解博客整合Google自定义搜索引擎方法,方法很简单而且功能强大,而WordPressZ-BLOG的默认搜索程序功能要简单的多,实际上就是基本的中英文分词设计起来都是非常困难,天缘博客经过几次优化,还是很多问题,所以还是不搞了直接使用Google的自定义搜索,这样站内搜索会更精准一些,而且Google自定义搜索标准版还规定必须放置Google Adsense上,看来还是Google比较理解站长。

目录:

  1. 登录和管理地址
  2. 输入自定义搜索引擎相关信息
  3. 自定义搜索引擎创建完成
  4. 自定义搜索引擎管理
  5. 关联Google Adsense
  6. 为搜索结果页面广告设置跟踪渠道
  7. 定制搜索结果显示
  8. 获取自定义搜索引擎代码
  9. 自定义搜索引擎维护管理

一、登录和管理地址

Google自定义搜索地址:http://www.google.com/cse/,待创建完成,以后管理可以直接在账户页面(参文末链接,也可直接输入本地址)。如下图:

二、输入自定义搜索引擎相关信息

点击上图中的Create a custom search engine按钮后,如果你的Google帐号没登录,会弹出等登录窗口,登录后即可开始定制Google搜索。

输入信息包括:

  1. 搜索引擎名称
  2. 搜索描述
  3. 搜索引擎语言
  4. 搜索网站
  5. 选择版本(个人站长选择标准版)
  6. 接受许可协议

如下图:

三、自定义搜索引擎创建完成

如下图,你还可以输入一个关键词,然后点Search搜索测试一下效果。

四、自定义搜索引擎管理

管理入口可以通过第一步插图链接2,也可以通过文末的登录管理方式,管理界面如下图:

五、关联Google Adsense

如果你还没有google Adsense账户,本步骤无法操作,你可以使用自己的BLOG申请开通Google Adsense,关联后Google会在自定义搜索结果页面显示自己的广告,当然了收益也有你的一份。

当然这里设置关联之后,还需要再Adsense后台,对该EMAIL进行授权“具有访问权的托管方”(关联后在Adsense后台首页即会看到提示)。本来似乎没这个必要,难道www.google.com/cse不属于Google自己的业务?

六、为搜索结果页面广告设置跟踪渠道

凡是使用过Google Adsense的网友都知道渠道的重要性,渠道就是方便跟踪广告收益、效果的最有效方式,设置渠道后可以在Adsense后台查看该渠道下Adsense的显示和点击情况,方便自己调整或优化。

如下图,输入自己可以理解的名称即可,比如my_search、searchinsite、metsky_com_search等都可以。

七、定制搜索结果显示

如果你对搜索结果的显示颜色、结构不太满意,还可以手动再次修改搜索结果风格,如下图,点击左侧的Look and feel,可以进行各种类型定制,当然获取搜索代码也是在这里。

说明如下:

  • Search element——默认是面向同一页面(可能分栏)的提交查询,大家可以在布局提示中一看就明白,Search element使用双栏效果特别好,但跨页提交似乎还需要单独根据API去定制修改,以后有时间再研究一下。
  • Iframe——则是两个页面交互,当然也可以放到一个页面去,不过Iframe有个缺点,就是在搜索框内不显示已经搜索的关键词。
  • Google-hosted page —— 结果在Google中显示,与另外两个相比,上两个只是看起来对访客友好一点,效果差不多。

八、获取自定义搜索引擎代码

定制完成后,就可以获取搜索引擎代码,然后放到自己的搜索页面去,步骤如下:

  1. 确认自己是同窗口打开还是跨窗口打开搜索结果,也就是选择Search element还是iframe方法;
  2. 如果是Search element还需选择布局方式,参上图,是左右分栏,还是满单栏,或是只是边栏搜索边栏显示;
  3. 获取搜索代码和搜索结果展示代码;
  4. 修改自己主题或创建独立页面(WordPress用户);
  5. 更新上传即可生效;

WordPress用户,请参考最新文章:WordPress整合Google自定义搜索

获取Get code示例图。

复制出来的代码如何放置?

1、如果在步骤七中不是选择Google-hosted page,一般都需要自己设计一个独立的页面来显示。

2、设计独立页面非常简单,只需要设计出符合自己BLOG风格的显示框架即可,预留出Google自定义搜索结果显示容器即可。

3、显示及放置方法,请参考天缘博客的边栏和搜索结果页面。

九、自定义搜索引擎维护管理

定制自定义搜索引擎后,你的账户页面会有对应的管理入口,如下图,左侧是中文界面中标识(自定义搜索),右侧是英文界面中的标识(Custom Search)。

天缘网友 [天缘]: 2012-01-07 23:01:33 发表
@likebeta:被你的框架隐藏了,你用单页面嵌入测试看看。
@kuve:你直接看我搜索结果页面的源码,一看便知。
天缘网友 [kuve]: 2011-12-12 03:55:54 发表
请问怎么设置搜索结果页面的网页标题呢?像你博客那样,搜索结果页面的标题前面是“搜索词”,后面是天缘博客
天缘网友 [likebeta]: 2011-11-12 10:59:54 发表
最近比较怪,我的自定义搜索结果只有10页,并且没有下一页按钮,求教
天缘网友 [天缘]: 2011-10-14 08:26:17 发表
@始有人同:把action属性设为自己的目标显示页面就可以了
天缘网友 [始有人同]: 2011-09-21 07:26:21 发表
一个页面只显示搜索结果,可以在任意的页面放搜索框(自己定义的,非谷歌),这样该怎么实现?久思不得其解,求帮助!
天缘网友 [天缘]: 2011-07-15 08:05:30 发表
@snowperd:没大明白你的意思,你是说关联ADSENSE?定制搜索跟关联ADSENSE是一体的,如果单独添加ADSENSE代码估计不行。
@玉满斋:搜索结果数量,我想应该可以定制的(我没试),你仔细看一下Look and feel界面有没这个功能。
天缘网友 [玉满斋]: 2011-07-11 12:47:49 发表
我想知道的是如何设置搜索结果的数量,感觉显示10个太少了,能不能增加这个数量呀!
天缘网友 [snowperd]: 2011-02-15 09:23:11 发表
请教最新版的设置教程,直接用adsense里边的代码,怎么设置
天缘网友 [天缘]: 2011-01-18 12:56:05 发表
@haosrx:感谢你的指出,已修正。
天缘网友 [haosrx]: 2011-01-11 15:43:54 发表
这篇文章的图片全部不显示了
天缘网友 [天缘]: 2010-08-16 13:47:30 发表
@思齐博客:我这边测试GOOGLE是正常的,不管它了,有空再调整吧。
天缘网友 [思齐博客]: 2010-08-15 19:21:14 发表
是搜索结果自带的广告框太大了,以前调整了自定义搜索里的代码宽度,但是没有效果,可能是主题方面的原因吧。
随便提醒一下,你的博客有些文章的GG广告无法显示。
天缘网友 [天缘]: 2010-08-15 14:37:50 发表
@思齐博客:太大是字体大还是宽度大?宽度大直接调整googleSearchFrameWidth = 600;这个参数。字体大请调整文中能看到STYLE底下的Customize选项
天缘网友 [思齐博客]: 2010-08-15 10:48:40 发表
搜索结果里的广告太大了,不适应页面,请问如何修改呢?
天缘网友 [天缘]: 2010-08-09 14:16:48 发表
@wuqu:要把Z-BLOG搜索显示部分去掉,主题模板中search.html的<#template:article-multi#>前后相关内容。
天缘网友 [wuqu]: 2010-07-03 11:50:13 发表
昨天加了Google自定义搜索,但是搜索结果会同时出现zb搜索结果和Google自定义搜索,如何去掉zb自带的搜索功能?
天缘网友 [天缘]: 2010-06-11 10:43:41 发表
@阿正:我的边栏就是的,也还可以,只是少了一些结果定制功能。
天缘网友 [阿正]: 2010-06-11 09:27:39 发表
其实也可是使用Google adsense里的搜索,还有可能出来额外收益

发表评论:

◎欢迎参与讨论,所有评论皆需审核,非法及及未经许可的广告信息不是勤劳致富的法宝,请勿发表。

订阅博客

最近发表

标签云

快速通道

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载也必须遵循“署名-非商业用途-保持一致”的创作共用协议. 返回顶部
Copyright@2005-2011 Metsky.com, All rights Reserved.