
自定 Google Custom Search 的搜尋框並不是什麼難事,只要在 Drupal 裡新增一區塊,然後把 Google Custom Search 的程式碼貼到裡面,再把輸入格式選成「Full HTML」這樣就搞定了,不過,如果要讓 Google Custom Search 的搜尋結果出現在 Drupal 的頁面裡的話,那就有點小麻煩了哩 !...。
本來阿舍也是很單純的把顯示結果的網頁貼到一個 Page 去,啊結果咧 ? 當然是不行的,所以阿舍就去找了一下,才發現,原來是輸入格式的問題,原來顯示搜尋結果的那一段程式碼要設定成「PHP Code」才行,而且還要改一下 Google Custom Search 的程式碼才行的哩 !!...=____=!!
在講詳細作法之前,阿舍要提一下,其實,這個問題的解法除了下面阿舍講的方法以外,也是可以使用 Adsense 和 Google Custom Search Engine 模組來達到樣效果的,不過,阿舍是覺得可以不用裝到模組來解決的,所以就自己弄一弄囉 ! 但是,如果已經有裝 Adense 模組,那就可以直接拿來用哩 !!
接下來就開始講一下操作步驟。
1.取得 Google Custom Search 程式碼
請大德自行到 Google Adsense 新增一個 Google Custom Search,然後取回二段程式碼。
2.新增搜尋結果頁面
新開一個 Page 頁面 ( /node/add/page ),把 Google Custom Search 的「搜尋結果程式碼」貼在 Page 的內容欄位裡,然後在「輸入格式」的地方選擇「PHP Code」,請注意,雖然各位大德拿到的「搜尋結果程式碼」是 HTML 和 Javascript 組合而成的,但是,卻是要把它設定「PHP Code」才可以的 ( 阿舍也不知為何 ?? )。
接著在「網址路徑設定」的地方幫這個頁面設定一個網址,例如阿舍的就叫做 drupalsearch,這樣只要直接打 http://drupal.soa.tw/drupalsearch 就可以開啟這個頁面,但是,目的不是為了方便大德開啟用的,是待會設定要用的。
最後就可以按存檔囉!!
註: 如果大德沒有啟用 Path 模組,就看不到「網址路徑設定」的欄位,請到 /admin/build/modules 把 Path 模組啟用起來,不然,按存檔以後把這個 Page 的網址記下來也是可以的。
3.修改 Google Custom Search 搜尋框程式碼
把 Google Custom Search 的「搜尋框程式碼」貼到一個文字編輯器上 (例如、記事本),把第一行 form 後面的 action="xxxxxxx" 改成在上一個步驟新增的那個網址,以阿舍為例就是 action="http://drupal.soa.tw/drupalsearch",再來,把第六行裡的 name="q" 改成 name="as_q,這樣就算改好了。
4.新增 Google Custom Search 搜尋框區塊
到 /admin/build/block 新增一個區塊,把上一個步驟改好的「搜尋框程式碼」貼到「區塊內容:」裡,然後在「輸入格式」選「Full HTML」後,就可以按「儲存區塊」了。
最後,幫新增的區塊選一個顯示的區域,然後試看看搜尋的結果有沒有出現在指定的頁面,如果有,就大功告成了,啊如果沒有,就再從頭檢查一下囉 !! ^^=。
- 瀏覽次數: 1373


發表新回應