廣告與分析追蹤
在後台填入追蹤代碼,預約頁就會載入 Google Analytics、Google Tag Manager 或 Meta Pixel,並在顧客預約的各步驟自動送出事件,不需要寫程式。
這篇會教你
- 在 基本資料 的「追蹤與分析」填入代碼,按 儲存變更 後套用到預約頁
- 顧客在網頁預約頁預約時自動送出事件;LINE 對話與後台建立的預約不會送
- 事件金額是預約當下的服務定價,不是實收金額
誰可以操作
只有擁有者(Owner)和管理員(Admin)能修改追蹤代碼。
填入追蹤代碼
打開「基本資料」的「追蹤與分析」
到 設定 → 基本資料,往下捲到「追蹤與分析」,點標題展開。
填入你要用的代碼
- 1 Google Analytics:貼上
G-開頭的 GA4 評估 ID。 - 2 Google Tag Manager:貼上
GTM-開頭的容器 ID。 - 3 Meta Pixel:貼上 Meta Pixel 的數字 ID。
三個都是選填,可以只填一個或同時填。填完按頁面下方的 儲存變更,儲存後會自動套用到預約頁。
追蹤事件清單
| 顧客動作 | Google Analytics(GA4)事件 | Meta Pixel 事件 |
|---|---|---|
| 選擇服務加入 | add_to_cart | AddToCart |
| 取消已選服務 | remove_from_cart | — |
| 進入「選擇時間」 | begin_checkout | InitiateCheckout |
| 進入「確認預約」 | booking_time_selected(自訂事件) | — |
| 預約完成 | purchase(含預約編號、金額、服務項目) | Schedule |
事件會附上服務名稱、金額與幣別。金額是預約當下的服務定價,不是實收金額,GA4 的營利報表會把它算成收入。
各事件的觸發時機與完整欄位,見開發者文件〈預約頁追蹤事件〉。
Google Analytics
填入評估 ID 後不需要其他設定。到 GA4 的「報表 → 營利 → 購買歷程」,可以看「加入購物車 → 開始結帳 → 購買」各步驟的到達與流失。要把「確認預約」也放進漏斗,到「探索」報表用自訂事件 booking_time_selected 加一步。
Google Tag Manager
系統會把事件推入資料層(dataLayer),你需要在自己的 GTM 容器內設定一次:
新增 GA4 事件代碼
類型選「Google Analytics:GA4 事件」。
設定觸發條件
觸發條件選「自訂事件」,事件名稱填 add_to_cart|remove_from_cart|begin_checkout|booking_time_selected|purchase(勾選「使用規則運算式比對」)。
開啟電子商務資料
在代碼設定勾選「傳送電子商務資料」,來源選「資料層」。
說明
同時填了 GA4 代碼與 GTM、且 GTM 容器內也裝了 GA4 的話,事件會被計兩次。擇一使用即可。
Meta Pixel
填入 Pixel ID 後,會自動送出 AddToCart、InitiateCheckout、Schedule 三個標準事件。投放廣告時,轉換目標選「預約」(Schedule)。系統不送 Purchase,因為預約完成不代表已收款。
常見問題
事件沒出現在報表?
GA4 標準報表要 24–48 小時才會出現資料。要即時確認,用 GA4 的「DebugView」或 GTM 的「預覽」模式。
GA4/Pixel 的預約數為什麼比後台少?
只有顧客在網頁預約頁自己預約時會送出事件,LINE 對話完成的預約、後台建立的預約不會送;另外部分訪客會用瀏覽器設定或擋廣告工具封鎖追蹤。預約數以後台為準,GA4/Pixel 用來看來源與轉換趨勢。