close
文章來源
syshen's blog
http://blog.roodo.com/syshen/archives/1754160.html
Google AJAX Search API 程式碼自動產生器
Google 在前陣子推出了 Google AJAX Search API，所有人都可以透過 Google 所提供的這個 API
來在自己的網站中加入 Google 搜尋功能，而且除了一般的網站搜尋外，也有像是 Google Maps、Blog、Video
等搜尋，你甚至也可以將搜尋的範圍侷限在自己的網站內。
不過要實做這個 API 雖然不難，但是我想多數人應該對 Javascript 都不是那麼熟悉，所以我在空閒之餘寫了個「程式碼自動產生器」，透過幾個步驟的設定後，你就可以得到一段 Javascript 程式碼，此外也可以在旁邊預先看到這段程式碼所呈現的樣子，最後你只需要將這段程式碼剪貼到你網站或 blog 中即可。
不過有個要特別注意的要點，要使用 Google AJAX Search API 需事先向 Google 申請鎖鑰(Key)，申請並不難，也不需要複雜的過程，只需要擁有 Google 的使用者帳號即可，所以請大家在使用這個產生器之前，先至這裡申請鎖鑰，你在這個網頁中輸入你的網頁 URL 不包含檔名的部分，例如我可以輸入 http://blog.roodo.com/syshen/archives/ ，便會得到一個類似 「ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBR_y923E7GNNGKWtJ48eCJvAKcynRRxapD9xuhJi--M34SSaK3cdJxslA」的鎖鑰，將這個鎖鑰(key)剪貼至下面的第一欄中即可。
IE 目前無法使用底下的功能，我還在找原因，但是 Firefox 跟 Safari 都是可以的。
不過要實做這個 API 雖然不難，但是我想多數人應該對 Javascript 都不是那麼熟悉，所以我在空閒之餘寫了個「程式碼自動產生器」，透過幾個步驟的設定後，你就可以得到一段 Javascript 程式碼，此外也可以在旁邊預先看到這段程式碼所呈現的樣子，最後你只需要將這段程式碼剪貼到你網站或 blog 中即可。
不過有個要特別注意的要點，要使用 Google AJAX Search API 需事先向 Google 申請鎖鑰(Key)，申請並不難，也不需要複雜的過程，只需要擁有 Google 的使用者帳號即可，所以請大家在使用這個產生器之前，先至這裡申請鎖鑰，你在這個網頁中輸入你的網頁 URL 不包含檔名的部分，例如我可以輸入 http://blog.roodo.com/syshen/archives/ ，便會得到一個類似 「ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBR_y923E7GNNGKWtJ48eCJvAKcynRRxapD9xuhJi--M34SSaK3cdJxslA」的鎖鑰，將這個鎖鑰(key)剪貼至下面的第一欄中即可。
IE 目前無法使用底下的功能，我還在找原因，但是 Firefox 跟 Safari 都是可以的。
| 設定 | 所見即所得預覽 | ||
|
1.API鎖鑰(申請鎖鑰): 2.搜尋型別: Web, Blog, Video, Map, Site 3.搜尋結果樣式: 樣式: 從上到下排列, 標籤排列4.預設關鍵字: |
Google. Advanced Search · Preferences · Language Tools · Advertising Programs - Business Solutions - About Google. ©2009 - Privacy.
www.google.com
www.google.com/
|
Todo:
- 自訂搜尋個數
- 更多 CSS style 自訂項目
- Fix bugs...
原始碼也可以至這裡下載。
全站熱搜
留言列表
