漏斗流程步進轉換階梯圖 D1 真實數據已同步 等待連線查詢 支援自訂網頁與 WooCommerce 跨域 FPID 縫合歸因
目前尚未建立任何漏斗步驟，請點擊上方「新增漏斗步驟」開始設定
當訪客進入「{{ currentHeatmapUrl }}」並在頁面產生點擊時，Cloudflare D1 將即時聚合座標並在此自動繪製點擊光暈。
您的銷售頁 / 名單領取頁標題
主要價值主張與引導說明，訪客進入頁面時的第一視覺接觸焦點。
50% 核心產品功能介紹
75% 方案定價與購買轉換區塊
OpenAI `gpt-6-luna` 深度轉化率顧問
Temperature: 1 (強制)系統會自動提取您目前的真實漏斗步驟數據、流失率、熱力取樣與滾動深度，無狀態發送至 OpenAI 最新模型，進行深層 CRO 痛點診斷並產出行動清單。
點擊上方按鈕，將目前收集到的真實數據交給 `gpt-6-luna` 深度剖析優化空間
（需先於【系統設定】中填入您的 OpenAI API Key）
① 用戶端追蹤代碼 (Tracker.js)
貼於名單頁、講座頁、銷售頁的 <head> 或 <body> 最底部
{{ generatedTrackerScript }}
② WooCommerce 完整閉環串接（Webhook 即時回傳 + PHP 跨域縫合）
透過以下專屬 Webhook 端點與輕量 PHP 橋接代碼，讓 0 元名單領取、訂閱制扣款或一次性買斷商品金額百分之百精確歸因至漏斗步驟。
系統已依據您的商店網址自動運算專屬租戶 ID（{{ config.tenantId || '尚未生成（請先至系統設定輸入商店網址）' }}）並即時帶入。在 WooCommerce 後台貼上此網址即可！
- 在 WordPress 後台前往 WooCommerce $\rightarrow$ 設定 (Settings) $\rightarrow$ 進階 (Advanced) $\rightarrow$ Webhooks。
- 點擊 新增 Webhook (Add webhook)。
-
依序填寫以下欄位清單：
名稱 (Name)：行銷漏斗超人訂單回傳狀態 (Status)：啟用中 (Active)主題 (Topic)：已建立訂單 (Order created) （若需付款成功才觸發也可選「訂單已更新」）傳遞 URL (Delivery URL)：請貼上上方產出的專屬端點密鑰 (Secret)：留空即可（或輸入任意自訂字串）API 版本 (API Version)：WP REST API 整合 v3
- 點擊 儲存 Webhook (Save Webhook)。
請加入至 WordPress 佈景主題的 functions.php 或透過 Code Snippets 外掛啟用
{{ wooCodeSnippet }}
③ 通用軟體 / 應用程式升級按鈕串接產生器
無論您的軟體是使用 React、Vue、PHP 或是任何 AI 工具打造，只要在軟體中放入以下產生的代碼，使用者點擊升級或購買時，即可自動縫合訪客 FPID 與使用者帳號至 WooCommerce 結帳頁。
不確定軟體裡的按鈕 ID 是什麼嗎？請複製下方這段提示詞貼給您的 AI，它將立即告訴您選擇器，或直接為您的升級按鈕掛上 ID：
{{ generatedAppSnippet }}
- 純 HTML / 靜態網頁 / AI 產生網頁 (Cursor, v0, Lovable)：將上方代碼包裹於
<script> ... </script>標籤中，貼在網頁原始碼的</body>結束標籤正上方。 - React / Next.js 專案：將監聽點擊的邏輯寫在頁面或按鈕組件的
useEffect(() => { ... }, [])生命週期中。 - Vue / Nuxt 專案：將代碼放置在組件的
onMounted(() => { ... })鉤子函數中。 - WordPress / 外部網站：使用 WPCode 外掛或頁面編輯器的自訂 HTML 元件貼入頁尾即可。
④ 端到端整合測試驗證教學 (E2E Verification Checklist)
在正式導入真實廣告流量前，請依照以下 3 個步驟進行全流程閉環驗證，確保 100% 準確上線：
在瀏覽器網址列手動輸入帶有測試 FPID 的網址（新開無痕視窗測試更準確）：
在您的商店結帳頁面內，完成一筆 0 元名單領取 或是任意金額的測試訂單（可用支票/銀行轉帳或測試金流）。
* 系統後端將在秒級內透過 Webhook 接收到訂單並提取 fp_test_999。
回到行銷漏斗超人儀表板，點擊「重新整理數據」按鈕。