我「出一張嘴」就升級了 AI 搜尋框，搜尋數據自動進 Notion

剛剛我幫網站的 AI 搜尋框 加了一個新功能。

它現在會默默記錄大家在搜什麼了 (別擔心，只是記錄搜尋內容，不會記錄是誰搜的)。

為什麼要這麼做？

很簡單，我想知道大家到底在找什麼內容，這樣我才能寫出更多真正有用的文章。

為什麼要追蹤搜尋數據？

說真的，經營網站最怕的就是自 high。

我可能覺得某個主題超重要，寫了一大堆，結果根本沒人在乎。

但如果我知道大家都在搜「WordPress 速度優化教學」或「Elementor 怎麼用？」，那我就知道該往哪個方向努力了。

而且有了這些數據，我還能：

• 發現我還沒碰觸過但很多人想知道的主題
• 了解大家用 Google 搜尋和 ChatGPT 搜尋的差異
• 根據真實需求調整內容策略

我的解決方案

其實概念很簡單：當有人在搜尋框輸入並送出時，就把這些資訊記錄到 Notion 資料庫裡。

聽起來簡單，但實作起來還是有些細節要注意。

我用了這些工具來完成：

• WordPress 自訂 HTML：在網頁的 HTML 程式碼區塊裡加入 JavaScript 追蹤功能
• Cloudflare Workers：作為中間人，接收網站的資料再轉發給 Notion
• Notion 資料庫：存放所有搜尋記錄

整個流程是：訪客在 AI 搜尋框搜尋 → Cloudflare Workers → Notion 資料庫。

實際運作展示

看看我現在收集什麼資料：

• 搜尋內容：大家實際輸入的關鍵字
• 模式：是用 Google 搜尋還是 ChatGPT 搜尋
• 位置：從哪個搜尋框送出（側邊欄、主內容區等）
• 搜尋日期：什麼時候搜的
• 頁面網址：在哪個頁面搜尋的

有了這些資料，我就能清楚看到大家的需求模式了。

背後的小巧思

為什麼要用 Cloudflare Workers？

其實一開始我想直接從網頁送資料到 Notion，結果發現不行。

Notion API 不允許從瀏覽器直接呼叫 (這是為了安全考量)。

所以我需要一個「中間人」，Cloudflare Workers 就是最佳選擇。它免費、快速，而且設定超簡單。

為什麼選 Notion？

老實說，因為我本來就在用 Notion 管理公司的資料，我把它叫做「內容製作系統」，把資訊放在同一個地方比較方便。

而且，Notion 的資料庫功能真的很強大，可以用各種方式檢視和過濾資料。

開發利器：Claude Code + Opus

這次開發過程最讓我驚豔的是 Claude Code 這個工具。我原本只是想要一個簡單的追蹤功能，結果它給我的遠超預期。

我不會寫程式，也不是程式設計師，但是我現在可以透過 AI，幫自己的 WordPress 網站加上想要的功能。

這種感覺超級神奇。

真的是只有「出一張嘴」，因為我連打字都是用 AI。

但我覺得與 AI 協作是未來的趨勢，人類「給重要的想法」，然後比較瑣碎、細節的事情交給 AI 做。

⭐ 更多免費筆記
→ MacWhisper 教學

Claude Opus 模型真的很強大

Claude Opus 還會做一些我沒想到但超有用的事。像是自動產生了多個版本的程式碼（給不同位置的搜尋框用）、寫了除錯指南、甚至連未來要怎麼擴充功能都規劃好了。

這種感覺就像是有個超級助手，不只聽懂你在說什麼，還能看出你真正需要什麼。

小彩蛋

最後偷偷跟大家說，甚至連這篇文章都是用 Claude Code 協助寫出來的喔！

從文章架構、內容撰寫到語氣調整，Claude Code 都給了我很多幫助。

這就是我喜歡 AI 工具的原因。

它不是要取代我們，而是讓我們能更專注在真正重要的事情上。

我可以把時間花在思考「要寫什麼」，而不是糾結在「怎麼寫」。

如果你也想試試看 Claude Code，真心推薦。

很多人都只拿它來寫程式，但我發現用 Claude Code 寫文章更是厲害，因為它可以很好地管理上下文。

而且有一種感覺是，Claude Opus 在 Claude Code 裡面就像在自己的主場一樣，跟直接在 Claude 網頁版用起來是完全不同的感覺。

在 Claude Code 裡，它更懂你在做什麼，也更能提供精準的協助。