追蹤像素與 SEO

追蹤代碼

到 學校設定 →「追蹤與整合」 填入你的 GA4 測量 ID、Meta Pixel ID、GTM 容器 ID——系統會自動把追蹤代碼埋進你的對外網站。

Facebook Conversions API（CAPI）

單靠前端 Pixel 很容易被廣告攔截器擋掉。開啟 CAPI 後，每筆訂單付款成功時，平台會從伺服器端送一個 Purchase 事件給 Meta，用訂單 ID 當 event_id，讓 Meta 自動跟前端 Pixel 的事件去重，提升廣告成效數據的準確度。貼上 Meta CAPI access token 即可啟用；留空的話就只有前端 Pixel 會作用。token 會加密保存，存好之後設定頁不會再顯示它——欄位留空表示維持原本的 token，輸入新值就會取代，要停用 CAPI 就勾選「移除這組金鑰」。郵件行銷（Mailchimp 等）的 API 金鑰也是同樣的保存方式。

網站會自動送出哪些事件

填好 Pixel 或 GA4 之後，網站會在學員做了下面這些事的當下自動送出事件，不需要在 GTM 另外設定（不會在你還沒完成的時候就送）：

金額為 0 的訂單不會送 Purchase。 免費報名不是購買，如果送 0 元的 Purchase，Meta 會以為這些人是買家，廣告投放會跟著偏掉。所以改送「完成註冊」。這個規則目前沒有開關可以切換。

重新整理付款成功頁不會重複計算：Purchase 和註冊類事件在同一個分頁只送一次，Meta 的瀏覽器事件與伺服器事件也用同一個事件編號互相去重。你自己的測試訂單（學校設定裡的 $1 測試結帳）不會送出任何事件。

有裝 GTM 的話

網站會把同樣的事件推到 dataLayer（GA4 電商格式，每個事件都有 event 名稱，例如 purchase、view_item）。在 GTM 建立「自訂事件」觸發條件，事件名稱填上表 GA4 欄的名稱，就能在 GTM 裡接標籤。目前網站只放行 Meta 與 Google 的追蹤網域，TikTok、LINE、Google Ads 的像素會被瀏覽器的安全政策（CSP）擋下，暫時無法透過 GTM 使用，原生支援開發中。推到 dataLayer 也不代表平台會自動收到，標籤和觸發條件要你自己在 GTM 設定。

GA4 只能選一種管理方式： 如果你已經在這裡填了 GA4 測量 ID，就不要再在 GTM 裡設同一組 GA4，否則每個事件會算兩次。站內換頁（點連結、上一頁）Meta Pixel 和 GA4 會自動追蹤，請不要在 GTM 再加 PageView 觸發。

驗證 CAPI 有沒有送成功

1. 到 Meta 事件管理工具 →「測試事件」，複製「測試事件代碼」。

2. 貼到 學校設定 →「追蹤與整合」的「Meta 測試事件代碼」並儲存。

3. 完成一筆真實小額訂單（學校設定裡的 $1 測試結帳不會送 CAPI）。

4. 回到「測試事件」頁，應該看到瀏覽器和伺服器兩筆 Purchase，伺服器那筆標示已去重。

5. 驗證完請馬上清空測試事件代碼。 填著期間，這所學校送出的所有 CAPI 事件都帶測試代碼，正式訂單可能不會計入廣告成效。

如果 token 或 Pixel ID 填錯，Meta 會拒絕這筆事件，不影響學員付款，錯誤會記錄在金流錯誤紀錄裡。

格式錯誤的 ID

GA4 必須是 G- 開頭、Pixel ID 必須是純數字、GTM 必須是 GTM- 開頭；格式不對會在儲存時擋下並指出是哪個欄位。

Cookie 同意橫幅

學校設定 →「追蹤與整合」有一個開關「在網站顯示 Cookie 同意橫幅」，預設關閉，關閉時網站的行為和以前完全一樣。

開啟後（而且你至少填了 GA4、Meta Pixel、GTM 或自訂 JS 其中一項）：

• 訪客同意之前，不會載入這些工具，也不會送出任何事件；橫幅是放在頁面最上方的一個區塊，不會蓋住任何按鈕，訪客不選擇也能照常瀏覽、購買。
• 「全部接受」和「全部拒絕」大小、字級一樣，一個實心、一個外框，沒有誘導。訪客也可以按「自訂」，逐類選擇。
• 選擇會記在訪客瀏覽器 6 個月。頁尾一直有「Cookie 設定」，訪客隨時可以改或撤回；撤回後頁面會重新整理，已載入的工具才會停掉。
• 訪客拒絕「廣告」時，不會把他的訂單回報給 Meta（CAPI）。判斷依據是他下單當下的選擇，之後你關掉橫幅也不會改變。

工具怎麼分類（固定，無法自訂）

GTM 和自訂 JS 內容不明，所以一律從嚴歸為「廣告」。

要知道的限制

• 開啟橫幅會讓廣告與分析的數據變少。
• GTM 容器裡的標籤，平台無法檢查，請在 GTM 內自己設定同意條件。只透過 GTM 載入的 GA4，訪客只同意「分析」時也不會載入。
• 網站會提供 window.tvxConsent（目前同意狀態）和 tvx:consent 事件給你的自訂 JS 讀取，但它只是介面：你的程式碼可以選擇不理它，平台無法強制。
• 開啟橫幅不等於完成法律合規。 是否需要開啟、如何開啟，請依你的學員所在地自行判斷。

學校的隱私權政策頁會自動列出實際使用的工具與分類。

Sitemap

每間學校都會自動擁有自己的 /sitemap.xml，列出所有已發布課程的銷售頁，不需要手動維護。

Google Search Console 網域驗證

在 Search Console 選擇「HTML 標籤」驗證方式，複製它給的 content 值，貼到 學校設定 →「追蹤與整合」 裡的「Google 網站驗證碼（Search Console）」欄位並儲存。系統會自動在網站 <head> 輸出對應的 meta 標籤。

Facebook 網域驗證

在 學校設定 →「追蹤與整合」 裡，把 Meta Business Manager（Brand Safety → Domains）給的網域驗證碼貼到「Facebook 網域驗證碼（Business Manager）」欄位。這可以讓你在 Business Manager 裡認領自己學校的網域——如果你也有在投放 Facebook/Instagram 廣告，且想掌控自己網域連結的顯示方式，這個功能很有用。

課程層級的 SEO Meta Tag

在課程的「曝光與搜尋」分頁，可以為該課程的銷售頁設定自訂的 meta 標題與描述——會顯示在搜尋引擎結果與連結分享時的預覽，取代自動產生的預設內容。留空的話就會繼續使用課程本身的標題與描述的節錄版本。