Blogger : 加入 Google 的自訂搜尋引擎(CSE)

最近才發現 Blogger 中的「搜尋框」小工具壞了，輸入關鍵字卻僅換來「沒有結果」四個字！

雖然管理界面中的「搜尋」可以正常運作，對別人來說，大海撈針豈是待客之道，只好另尋他法。Google 的「自訂搜尋引擎」(CSE) 雖然會夾帶一點廣告，但在絕對是個好物，趕緊來試試。

Google 的「自訂搜尋引擎」(CSE) 的網址如下：

• https://www.google.com/cse/

如果點進上述的網址前已經用 Google 帳號登入，應該會出現底下的畫面：

如果是第一次使用，當然就按「建立自訂搜尋引擎」的按鈕來建立。

接著在「要搜尋的網站」欄位中輸入 Blogger 的網址，要注意的是，網址的結尾建議使用「.blogspot.com」，而不是「.blogspot.tw」這種。

「語言」選取「繁體中文」，至於「搜尋引擎名稱」改不改沒有影響，都好了就可以按「建立」來完成新增的程序。

接下來，我們可以直接按「取得程式碼」鈕，準備複製要給 Blogger 用的程式碼。

將底下灰底區塊中的程式碼先全部選取後複製。

打開 Blogger 的管理界面，並點選「版面配置」。

在想新增搜尋的地方按一下「新增小工具」

在 Blogger 的「新增小工具」選單裡的「基本」裡找到「HTML/JavaScript」小工具，並按加號來新增。

在「設定 HTML/JavaScript」的視窗中修改「標題」，並將在 CSE 中複製過來的程式碼貼入「內容」的輸入區中。

內容點好後就可以按「儲存」鈕來結束編輯。

都好了，我們就可以按「儲存排列方式」的按鈕，並來測試一下搜尋的效果。

下面是在我 blog 中輸入「遊戲」兩個字的搜尋結果：

預設的搜尋結果呈現方式是在原來的頁面上再覆疊一層，內容的部份則視關鍵字是什麼，有些會加上 Google 的廣告，有些則單純只有 blog 中的文章。如果不喜歡這樣的版面配置，我們可以進入自訂搜尋引擎(CSE)的管理頁面中去自訂搜尋結果呈現的方式，但如果不想出現廣告，當然是要付費給 Google 後才能自訂囉！