Skip to content
Darrell TW

Grok Bot Pages 功能完整解析:一句話就能生出互動網頁或是儀表板

grok-bot-pages-bg
重點摘要
跟 Bot 講要什麼報表,它就生出一個可以互動的網頁
- 圖表、表格、計算機、行事曆、甘特圖都做得出來,示範頁一頁就塞了 23 種
- 資料要更新就叫 Bot 改同一頁,也能設排程定期改,網址不會變
- 頁面上的切換、篩選只改自己看到的畫面,不會存
- 分享有三種:邀請的人、整個團隊、拿到連結的人
- 公開頁右上角可以下載 PDF

新功能:Pages 是什麼

最近 Grok Bot 新增了一個功能叫 Pages 跟它講要什麼報表、放什麼內容,它就生出一個可以互動的網頁 要做成一整個儀表板也沒問題! 做好可以分享連結,也可以下載成 PDF

官方 10/21 的公告是這樣講的:跟 Bot 要一頁,之後一起改,或是交給 Bot 保持更新 報告、備忘、儀表板、追蹤表都可以做,裡面能放文字、表格、圖表,還有篩選和開關這類控制項 做好的頁面會存在 Bot 的 Library,隨時可以回來看

目前還在逐步開放,Enterprise 團隊還不能用 如果看不到,先把電腦版更新到 0.60.0 以上、手機版 1.14.0 以上

Pages 是 Grok Bot 裡的功能,要 $30/月的 Premium 以上才用得到 $8 的 Plus 沒有,兩個方案差在哪可以看 Grok Bot 方案和費用

還不知道 Grok Bot 是什麼,可以先看這篇:

Grok Bot 是什麼?費用與實測教學,有自己雲端電腦的 AI Agent

安裝、費用、教一次存成技能、比價實測和 Bot 互相交辦

Grok Bot 是什麼?費用與實測教學,有自己雲端電腦的 AI Agent

怎麼叫 Bot 做 Pages

在聊天室跟 Bot 講這頁要做什麼用、上面放什麼就好 官方的例子是「做一頁比較這串討論裡的三份報價,放一張表和一段簡短建議」

下面那個 23 種元件的示範頁,我當初也只講了一句:

做一個有包含全部功能的給我測試

講得這麼隨便,它還是自己挑了「行銷活動報表」當情境,把能放的元件都塞進去!

Bot 做好會在對話裡貼一張卡片,上面有頁面標題和預覽 桌面版點下去,頁面會佔滿整個視窗,對話縮到旁邊 可以一邊看一邊叫 Bot 改,不用切來切去

在 Grok Bot 對話上傳一份 GA4 示範 CSV,請 Bot 做一頁範例網站每週流量週報,Bot 回覆已做好,下面貼出頁面預覽卡片,KPI 顯示 9,740 工作階段和 10,100 瀏覽量
Pages 功能測試場示範頁的開頭:標題、說明本頁以行銷活動與電子報儀表板為情境、數字都是示範資料且互動不會儲存,下面是黃色的示範資料提示框,右側是元件目錄

Bot 改完之後,對話裡舊的那張卡片會變成「已在下方更新」,點它就會開最新版 想改頁面名稱,點頁面上方的標題就能改

做過的頁面都收在 Bot 的 Library 點聊天室上方的 Bot 名稱,切到 Library 分頁就看得到 每一列的三個點有 Open、Share…、Pin,常看的可以釘在最上面

23 種元件一次看

我拿一份「行銷活動報表」示範頁來測,把裡面每一種元件都截圖給大家看 ⚠️ 下面的數字全部是示範資料

1. KPI 指標卡

四張數字卡,可以切換日、週、月

KPI 指標卡:新訂閱 8,680、平均開信率 36.4%、退訂率 0.8%、歸因營收 NT$57.4 萬四張示範數字卡,上方可以切換日、週、月

2. 長條 / 直條圖

各渠道的轉換數,可以切分組、堆疊、橫向,滑過去看數值,還能畫一條目標線

長條圖:Email、LINE、Ads、Social 四個渠道 Q3 與 Q4 的轉換數並排比較,一條虛線標示目標,上方分頁可切分組、堆疊、橫向、單一

3. 折線圖

開信率跟點擊率放在一起看,還能在圖上標註「W6 改主旨」這種事件

折線圖:W1 到 W8 每週開信率與點擊率兩條線,W6 標註改主旨事件

4. 圓餅圖

各渠道的營收占比,中間顯示總額

甜甜圈圖:營收管道占比 Email 42%、Ads 25%、LINE 23%、Social 10%,中間顯示合計

5. 散佈圖

花費對上 ROI,點的大小代表訂單數,趨勢線可以開關

散佈圖:橫軸花費 0 到 125 千元、縱軸 ROI 0 到 400%,Email、LINE、Ads、Social 每個點的大小代表訂單數,上方有顯示趨勢線開關

6. 熱力圖

每個星期幾、每個時段的開信率,一眼就看出什麼時候寄最好

熱力圖:週一到週日乘上 8 時到 22 時的開信率格子,顏色越深開信率越高

7. 日曆熱力圖

GitHub 那種格子圖,看每天寄了多少封

日曆熱力圖:5 月到 10 月像 GitHub 貢獻圖的格子,每一格是一天的寄送封數

8. 2x2 矩陣

用影響力和成本分成四格:快速勝利、重大專案、填補空檔、避免

2x2 優先矩陣:影響力乘上投入成本,四格是快速勝利、重大專案、填補空檔、避免,放了主旨 A/B 測試、CDP 導入、改頁尾、手動名單四個項目

9. 文氏圖

電子報、LINE 好友、90 天內買過的人,三份名單重疊多少

文氏圖:電子報訂閱 12k、LINE 好友 9k、近 90 天購買 5k 三個圓,中間重疊 2.1k

10. 流程圖 / 組織圖

自動化旅程有判斷分支,n8n 使用者應該很有感

流程圖:表單註冊、歡迎信,接著判斷 3 天內有沒有開信,是就寄優惠券信、否就發 LINE 提醒,最後到轉換,下方是行銷總監、CRM 經理、廣告投手、內容編輯的組織圖

11. 日 / 週 / 月 行事曆

月曆檢視:當月排程有電子報 #42、LINE 推播、雙11 主檔、廣告加碼、A/B 檢討、月報,11 號標成今天,上方可切日、週、月

12. 漏斗圖

從寄送 100,000 一路到購買 420,滑過去看每一層的轉換率

漏斗圖:寄送 100,000、開信 36,000、點擊 4,800、加購 1,200、購買 420 五層

13. 甘特圖

雙11 檔期的排程,紅線標出今天

甘特圖:雙11 活動 10 月排程,名單清理、文案撰寫、設計 EDM、A/B 測試、正式發送、成效報告六條橫條,一條線標示今天 10/23

14. 可排序 / 篩選表格

關鍵字搜尋、渠道篩選、排序都有

可排序表格:上方有搜尋活動、管道篩選、排序欄位和升冪開關,表格列出活動、管道、觸及、開信率、轉換率五欄,共 6 個活動

15. ROI / CAC 計算機

拉滑桿改預算、CPC、轉換率,ROI 和 馬上重算 這個我覺得最實用!

ROI 與 CAC 計算機:廣告預算 50000、CPC 12、轉換率 3%、客單價 1800 四個滑桿,下方即時算出點擊數 4,167、訂單數 125、營收 NT$225,000、ROI 350%、CAC NT$400

16. 優缺點卡片

優缺點卡片:LINE 推播的優點(開啟率高、台灣使用者滲透率高、可搭配圖文選單)和缺點(每則訊息計費、版面彈性較低、封鎖率需要監控)

17. 數學公式

ROI、CAC、LTV 的公式,而且會直接吃上面計算機的數字

數學公式:ROI 公式代入計算機的營收 225,000 和成本 50,000 算出 350%,下面是 CAC 與 LTV 公式

18. 檢查清單

看的人不能自己勾,狀態要叫 Bot 改才會變

檢查清單:主旨行 A/B 測試、預覽文字、UTM 參數、退訂連結測試、SPF/DKIM 驗證五項的完成狀態,看的人不能勾選

19. 提示框

資訊、成功、警告、錯誤四種

四種提示框:資訊、成功、注意、錯誤,各自用不同顏色和示範文字

20. 可摺疊區塊

可摺疊區塊展開後的樣子:點標題可以展開收合,預設收合,展開後顯示進階設定每小時寄送上限 5,000 封、新網域暖機、失敗重試 2 次

21. 表單元件

姓名、Email、下拉選單、開關都有 (示範用,不會真的送出)

表單元件:姓名、Email 輸入框、寄送頻率下拉選單、同意接收行銷訊息開關,下方有預覽和清除按鈕,資料只在畫面上預覽不會送出

22. 其他元件

屬性表、頭像、狀態標籤、步驟、引言、連結卡片等等

其他元件:屬性表、負責人頭像、狀態標籤、匯入名單到發送的三個步驟、項目清單、引言「衡量不了的,就管理不了」和連結卡片

23. 淺色 / 深色 與手機版

會自動跟著系統切深淺色,手機上變成單欄

同一個示範頁在手機寬度的淺色版和深色版並排,版面變成單欄,右上角剩下載和複製連結兩個圖示,目錄收成前 12 項加 Show all 按鈕

資料怎麼更新

Pages 最方便的是資料可以隨時更新! 不用每天或每個禮拜重新做一份,網址也不會變,分享出去的人打開就是最新版

更新有兩種方式:

  • 叫 Bot 改同一頁:頁面打開時旁邊有個對話框,寫著「Message about」加頁面名稱,在這裡講要改什麼,Bot 改的就是這一頁
  • 設排程讓 Bot 定期改:官方示範說一句「每個星期一在預測會議前更新這頁」,Bot 就自己建一個例行任務,每週一早上 8 點重新整理

排程怎麼設、最短多久可以跑一次,可以看這篇的排程段

⚠️ 頁面上的切換、篩選、輸入只改你自己看到的畫面,不會存 像上面的 ROI 計算機,拉完滑桿重新整理,數字就回到原本的樣子 要改頁面本身,還是只能叫 Bot 改

實測:用 GA4 兩週資料更新同一頁

我拿 GA4 Data API 匯出兩週的流量資料實際跑一次 CSV 是每天每個流量管道一列,有工作階段、使用者、新使用者、瀏覽量、參與率 數字全部乘以 10 當示範資料

第一步:上傳上上週 10/5–10/11 的 CSV,叫 Bot 做一頁

附檔是一個範例網站上上週(2026/10/5 到 10/11)的 GA4 示範資料,每天每個流量管道一列

幫我另外做一頁新的「範例網站每週流量週報」:最上面放 KPI 卡(工作階段、使用者、新使用者、瀏覽量、參與率),中間放每日工作階段折線圖,可以切換流量管道,旁邊放管道占比圓餅圖,最下面放每日明細表

等了 3、4 分鐘就做好了,KPI 加總跟 CSV 完全對得起來 折線圖上方的分頁還能切 Organic Search、Direct 這些管道

Grok Bot 做好的範例網站每週流量週報,10/5 到 10/11:KPI 卡 9,740 工作階段、7,780 使用者、6,930 新使用者、10,100 瀏覽量、74.5% 參與率,下面是每日工作階段折線圖和管道占比圓餅圖,Organic Search 占 56%

第二步:在頁面旁邊的對話框上傳上一週 10/12–10/18 的 CSV,叫 Bot 更新

這是同一個範例網站上一週(2026/10/12 到 10/18)的示範資料,格式一樣

把這頁更新成上一週的週報,KPI 卡每一項都加上跟上上週比的增減百分比,折線圖疊上上上週當對照線,重點那段改寫成這週跟上週比變了什麼

一樣幾分鐘,同一頁就變成上一週的版本 KPI 卡多了「較上週 +30.6%」這種增減,折線圖多了一條上週的虛線 重點那段還自己抓出 Organic Social 從 180 跳到 1,560,週末從低點變成高峰!

同一頁更新成 10/12 到 10/18:KPI 卡 12,720 工作階段較上週 +30.6%、13,520 瀏覽量 +33.9%,藍色重點框寫出 Organic Social 從 180 變 1,560,折線圖實線是本週、虛線是上週同星期

對話裡原本那張卡片也變成「已在下方更新」 頁面還是同一頁,分享出去的人重新打開,看到的就是上一週的數字

之後每週照第二步丟新的 CSV 進去,這一頁就會一直是最新一週

分享連結和下載 PDF

新做好的頁面預設只有自己看得到 打開頁面按上方的 Share,在 Who can view 選一種:

  • 邀請的人:自己加的同事或群組,對方都是 Viewer,個人帳號這一項會顯示 Only you
  • 你的團隊:團隊方案裡的所有人
  • Anyone with the link:拿到連結的人都能看,不用登入

選邀請或團隊的話,對方要先登入 Grok Bot 帳號才看得到 不管選哪一種,看的人都能操作頁面上的控制項,但內容只有 Bot 能改

選 Anyone with the link,頁面會拿到一個 pages.grok.bot 的網址,用頁面標題產生 之後改名網址也不會跟著變,目前還不能自訂 因為不用登入就能看,有私人資料的頁面就不要公開分享 Enterprise 團隊則是不能公開分享,只能給團隊或邀請的人看

公開頁右上角有 Download PDF 跟 Copy link,訪客還會多看到一顆 Try Grok Bot

公開分享的示範頁標題列,右上角有 Download PDF、Copy link 和 Try Grok Bot 三個按鈕,紅色箭頭指著 Download PDF

分享過的頁面都集中在帳號後台的 Shared Canvases → Grok Bot Pages 可以在這裡改誰能看,或是刪掉,刪掉之後拿到連結的人就打不開了

心得

以前要做這種報表,大概就是開 或自己刻 Looker Studio 的好處是每個元件都能自己調,要改哪裡就拉哪裡 Pages 剛好反過來,一切交給 AI,想改什麼跟 Bot 講一句就好

像上面那個 GA4 週報,丟一份 CSV、講一段話,幾分鐘就有 KPI 卡、折線圖、圓餅圖,還能切管道 下週再丟新的一份進去,同一頁就更新好了

所以活動成效報告、給老闆看的 dashboard,或是計算機那種小工具,都很適合丟給 Pages 做

示範頁在這邊,可以自己點點看: https://pages-uoib.pages.grok.bot/

大家會想拿 Pages 做什麼報表? 還是想試試看做出怎樣的儀表板?

常見問題

目前還在逐步開放,先把電腦版更新到 0.60.0 以上、手機版 1.14.0 以上,Enterprise 團隊則是還不能用
不會,控制項只改自己看到的畫面,也不會存,要改內容只能叫 Bot 改
還不行,網址是 pages.grok.bot 加上用頁面標題產生的名稱,之後改名也不會變

相關文章推薦

Grok Bot 能串 LINE 嗎?App、排程、Webhook、Slack 等 7 種用法教學

想讓 Bot 定期更新頁面,先看排程怎麼設

Grok Bot 能串 LINE 嗎?App、排程、Webhook、Slack 等 7 種用法教學
Grok Bot 是什麼?費用與實測教學,有自己雲端電腦的 AI Agent

安裝、費用、教一次存成技能、比價實測和 Bot 互相交辦

Grok Bot 是什麼?費用與實測教學,有自己雲端電腦的 AI Agent
利用 Google App Script 串接 Threads API 並且用 Looker Studio 視覺化

以前做報表的方式:資料存 Google Sheet,再用 Looker Studio 視覺化

利用 Google App Script 串接 Threads API 並且用 Looker Studio 視覺化

參考來源


分享這篇文章

不想自己建?讓我幫你

已協助 15+ 個團隊導入 n8n 自動化,從流程規劃到上線維護一手包辦。

看看我能幫你做什麼