Welcome to MyBlog_笑著流淚II

沒有Google怎麼辦-Google Custom Search Engine

Autor 白目研究生

有的時候真的覺得被GOOGLE入侵的厲害…

沒有又不行的那種…

偏偏學長又說Google好…

所以技術文件就又出來了…

前置準備：

A Blog Website

A Google Account

在這裡Google Co-op Cse建立自訂的搜尋引擎

所以你需要一個Google Account，之後在管理自訂的Google CSE新增一筆自訂搜尋

大概有以下參數：

搜尋引擎名稱：
搜尋引擎名稱

搜尋引擎說明：
針對這個CSE rule的說明

搜尋引擎關鍵字：
有沒有針對這個rule的關鍵字或特徵字

搜尋引擎語言：
針對這個rule的搜尋語言，除了BIG5當然也有所有網站

您想要搜尋什麼？
自訂搜尋目標，不過既然要自訂，就核選”僅我選取的網站。”

選取一些網站：
針對搜尋的站台做列表。

選取一個版本：
關於CSE顯示的版本，僅兩種。請針對情況選擇，不然頁面右方是會自己出現Google的關鍵字廣告的。

我已經閱讀並同意此服務條款：
不管有沒有閱讀都請核選該選項。

之後就可以做測試搜尋了，測試搜尋後會針對該Google Account做Mail確認

大概是像下面這樣子的確認訊息…

之後的CSE List就會這樣子呈現

首頁，大概長這樣…完全自訂的iGoogle的樣子跟感覺

控制台就是針對剛剛的CSE Rule做修改，新增下面參數：

搜尋引擎編碼：
就是關鍵字的編碼選項

誰可以協同作業：
設定開放CSE Rule的共同管理

搜尋引擎曝光率：
設定開放CSE Rule的呈現權限

最新！將我的訂閱的連結新增至這個自訂搜尋引擎。
這完全是個謎阿，請參考。

就是簡介到這邊…當然還有更多…就留著自己隨意使用就是了

基本資訊

網站

建立索引

限制條件

外觀和風格

程式碼

協同作業

賺取收益

Business account

進階功能

預覽

然後…使用的方法就是先取得Search Form的程式碼，代碼均因CSE Rule option不同而異!!

//因為Html Code會直接轉譯，"[]"請自己替換為"<>"
[form id="cse-search-box" action="http://www.google.com/cse"]
[div]
    [input name="cx" type="hidden" value="014603051486656548672:xmetuhuawns" /]
    [input name="ie" type="hidden" value="UTF-8" /]
    [input name="q" size="31" type="text" /]
    [input name="sa" type="submit" value="搜尋" /]
[/div]
[/form]
[script src="http://www.google.com/coop/cse/brand?form=cse-search-box & lang =zh-Hant" type="text/javascript"][!--mce:0--][/script]

之後針對自己目前正在套用的theme搜尋Search這個關鍵字

找到目前Search Form修改套用就是了…

我的theme有兩個…

root@localhost [~/blog/wp-content/themes/bluehalo-10] (10:32) ls XXXXX*
footer.php      searchform.php

一個是針對搜尋不到的頁面另外搜尋的Search Form

另外一個就是在SiderBar上的Search Form

不過我的theme比較特殊…他在…footer.php上

所以…建議在自己的頁面上檢視原始檔…這樣子…會比較快上手一些！！

先修改searchform.php

可以全部CP進去就是了…

有幾個可以修改的參數：

value=”014603051486656548672:tronoiwdqjs”
這個數據應該是跟CSE Rule有關連性才是…

size=”31″
TextBox的長度，不影響關鍵字長度，就是…讓它排好看一點這樣子

套用結果請檢視本文倒數第二張圖

接者要改footer.php上的Search Form

綠色註解是原始的程式碼…

下面才是Google產生的…不過代碼有點亂就是了…重點是要找對div下手這樣子至少成功一半了…

因為用了一些AJAX API，所以套用結果請檢視本文最後一張圖

重新整理後才發現，原來我的Search Form是嵌入在底圖的…一個框框圖…

然後就是…小畫家無敵…!!

請比較…XDD

Old

New

搜尋比較

“搜尋結果代管選項”的呈現結果就差很多了…

一個是比較一般的搜尋頁面-在 Google 網頁上代管結果

一個是還有使用AJAX API呈現的畫面-覆蓋 – 需要一頁，但是以覆蓋模式呈現結果

剩下另外一個就無福消受了-iframe – 需要兩個網頁： 一個提供搜尋框，另一個提供結果

搜尋效率姑且不論，以搜尋精確度的測試如下

關鍵字預設為：”中文的測試”

因為樣版已經套用上了，所以在懶得修改的狀況下，使用的GET的方式直接搜尋

Wordpress的搜尋字串是…

搜尋結果是…

Google CSE的結果呢？！

還看的到兩頁…

其實不難發現，“的”這個詞被Google模糊掉了…所以…

Google -> 大勝

–
下一篇：Google App Engine
–