Wordpress開發筆記－加入Google自訂搜尋功能

2014年到，好好的清一清一堆草稿文章。從最近的下手。最近有需要用Google做站內搜尋，做法做個記錄。

Step1. 先進入後台，設定讓Google進入做搜尋索引，如下圖，將勾選拿掉

Step2.  至Google Custom Search page（登入你的Google帳號），會看到底下的管理介面，直接按新增（我這邊是已經有過一個，若沒有的話，會先進入下一張畫面）

Step3. 加入你的網站網址在第一個文字框，選擇語言，再按建立

Step4. 成功後，會看到底下的圖，按下”取得程式碼”，就可以取得javascript程式碼（後續要用到）

紅框部分就是

Step5. 在自己的wordpress的theme中新增search.php，在要顯示的div或html區塊中，加入紅框中的程式碼。

若要改外觀，可以在Step4中的控制台或回到https://www.google.com/cse/all中的列表點選剛才建的搜尋，即可看到下圖，可以設定搜尋的呈現外觀

Step 6. 再來要通知Google來做索引，要先驗證有這個網站的擁有權，先到網站管理員工具加入這個網址，按下新增網址，會跳出對話框請你加入，再加入你的網址，會再看到下一張圖

下載html到自己的網站根目錄，再點選驗證即可。

回到https://www.google.com/cse/all中，點選要search的網址，再點選設定 ＞ 建立索引。有兩個方式可以要求做索引，這邊直接使用第一種：特定網址。加入網址（記得前面要有"-"號），再按下“立即建立索引”的按鈕即可。

要看到底下回應，才自成功

若要用sitemap，得再另外再寫一篇了，用那個還有一堆細節要調整。

參考網址：
Custom Search Element Control API
Creating Custom Search Engines programatically
如何在WordPress整合Google自訂搜尋？
Installing Google Custom Search Engine (CSE) On WordPress Site


新增Google CSE搜尋