第一步獨立訪客 (FPID)
{{ funnelMetrics.totalVisitors.toLocaleString() }}
即時統計中
等待訪客進入
整體漏斗末端轉化率
{{ funnelMetrics.overallConversionRate }}%
從漏斗入口至末端達成
全過程流失訪客數
{{ funnelMetrics.totalDropoffs.toLocaleString() }}
瓶頸點：{{ funnelMetrics.maxDropStepName }}
歸因累計營收 (WooCommerce)
${{ funnelMetrics.totalRevenue.toLocaleString() }}
來自 Webhook 真實訂單金額
數據週期：
（6 個月原始行為明細自動輪替清理）
漏斗流程步進轉換階梯圖 D1 真實數據已同步 等待連線查詢 支援自訂網頁與 WooCommerce 跨域 FPID 縫合歸因
目前尚未建立任何漏斗步驟，請點擊上方「新增漏斗步驟」開始設定
目前尚無訪客事件。請將追蹤代碼埋入您的網頁中，訪客造訪後數據將在此即時呈現。
{{ index + 1 }}
{{ step.name }}
WooCommerce ({{ step.orderTypeLabel || '訂單事件' }})
{{ step.matchType === 'exact' ? '完全吻合' : '路徑包含' }}
{{ step.matchRule }}
造訪人次 (FPID)
{{ (step.visitors || 0).toLocaleString() }}
步驟轉化率
{{ step.convRate }}%
本步營收
${{ (step.revenue || 0).toLocaleString() }}
下一階段推進
流失率: {{ step.visitors > 0 ? (100 - steps[index+1].convRate).toFixed(1) : '0.0' }}%
({{ Math.max(0, step.visitors - steps[index+1].visitors).toLocaleString() }} 訪客離開)
分析模式：
25% 首屏停留
{{ scrollStats[25] }}%
50% 核心內容
{{ scrollStats[50] }}%
75% 方案與按鈕
{{ scrollStats[75] }}%
100% 抵達頁底
{{ scrollStats[100] }}%
真實取樣點數: {{ heatmapClicks.length }} 點
目前此步驟尚無真實點擊熱力數據
當訪客進入「{{ currentHeatmapUrl }}」並在頁面產生點擊時，Cloudflare D1 將即時聚合座標並在此自動繪製點擊光暈。
頁面首屏展示區 (Hero Section)
您的銷售頁 / 名單領取頁標題
主要價值主張與引導說明，訪客進入頁面時的第一視覺接觸焦點。
主要行動按鈕 (CTA)
50% 核心產品功能介紹
75% 方案定價與購買轉換區塊
[Scroll 25%] 抵達率 {{ scrollStats[25] }}%
曝光保證區
[Scroll 50%] 抵達率 {{ scrollStats[50] }}%
核心特點區
[Scroll 75%] 抵達率 {{ scrollStats[75] }}%
方案與點擊區
[Scroll 100%] 抵達率 {{ scrollStats[100] }}%
頁尾與保障區
OpenAI `gpt-6-luna` 深度轉化率顧問
Temperature: 1 (強制)系統會自動提取您目前的真實漏斗步驟數據、流失率、熱力取樣與滾動深度，無狀態發送至 OpenAI 最新模型，進行深層 CRO 痛點診斷並產出行動清單。
CRO 診斷報告輸出
來源端點: {{ config.apiEndpoint }}/api/proxy/openai
點擊上方按鈕，將目前收集到的真實數據交給 `gpt-6-luna` 深度剖析優化空間
（需先於【系統設定】中填入您的 OpenAI API Key）
① 用戶端追蹤代碼 (Tracker.js)
貼於名單頁、講座頁、銷售頁的 <head> 或 <body> 最底部
{{ generatedTrackerScript }}
② WooCommerce 端：訪客身分 (FPID) 捕獲與訂單縫合
請加入至 WordPress 佈景主題的 functions.php 或透過 Code Snippets 外掛啟用
{{ wooCodeSnippet }}
③ 通用軟體 / 應用程式升級按鈕串接產生器
無論您的軟體是使用 React、Vue、PHP 或是任何 AI 工具打造，只要在軟體中放入以下產生的代碼，使用者點擊升級或購買時，即可自動縫合訪客 FPID 與使用者帳號至 WooCommerce 結帳頁。
例如：#upgrade-btn 或 .buy-pro
例如：?add-to-cart=101 或 /checkout/
若不需傳遞用戶帳號可填入 null
AI 小幫手
如果您的軟體是由 AI 工具（如 Cursor、v0、Lovable 等）打造：
不確定軟體裡的按鈕 ID 是什麼嗎？請複製下方這段提示詞貼給您的 AI，它將立即告訴您選擇器，或直接為您的升級按鈕掛上 ID：
{{ aiAssistantPrompt }}
產出的純 JavaScript 嵌入代碼：
{{ generatedAppSnippet }}