實戰：廣告成效報表視覺化（CPC、CTR、ROAS）

你會學到

• 將多個指標放入同一頁簡易「Dashboard」
• 以顏色區分表現好壞，快速定位需要優化的渠道
• 為行銷例會準備「一頁式」視覺報表

場景

91APP 3 月投放三大渠道：Facebook、Google、LINE。目標：

• CPC 低越好
• CTR 高越好
• ROAS 至少 3.0

從單一圖表開始

在做完整 Dashboard 前，先用一張簡單的柱狀圖看三個渠道的花費，確認資料正確：

先做一張圖確認資料和配色，再組合成 Dashboard，這樣出錯時比較容易找問題。

Demo：一頁式成效總覽

這裡使用了 Chart.js 的 annotation 外掛來畫目標線，需要額外引入 chartjs-plugin-annotation。

練習（視覺驗證）

1. 將 LINE 花費提高到 25 萬並觀察 ROAS 顏色是否仍為綠色。
2. 為 CTR 圖新增一條「全站平均 CTR」虛線，判斷誰高誰低。
3. 把 Dashboard 改成兩行：第一行花費+ROAS，第二行 CTR；思考排版對閱讀的影響。

練習題

AI 協作：學了這個，跟 AI 怎麼配合？

廣告報表是非工程人最常需要視覺化的場景。學會怎麼告訴 AI，你就能自己做報表。

你的人類優勢：

• 你知道老闆看報表時最在意哪些指標（CPC、CTR、ROAS）
• 你能判斷數字是否合理（CTR 50% 一定是資料有問題）

可以這樣跟 AI 說：

這是這個月的廣告數據（花費、點擊數、轉換數、營收），幫我算出 CPC、CTR、ROAS，然後畫成 Dashboard 風格的圖表。