S
行銷漏斗超人 V1.3.0 Universal Router & A/B Engine

租戶：{{ config.tenantId || '未設定（請至系統設定輸入商店網址）' }} | {{ config.primaryUrl || '尚未設定主網址' }}

目前檢視漏斗：
{{ isSyncing ? '雲端同步中...' : '🟢 雲端已自動同步' }}
第一步獨立訪客 (FPID)
{{ funnelMetrics.totalVisitors.toLocaleString() }}
即時聚合中 等待訪客進入
整體漏斗末端轉化率
{{ funnelMetrics.overallConversionRate }}%
從漏斗入口至末端達成
全過程流失訪客數
{{ funnelMetrics.totalDropoffs.toLocaleString() }}
瓶頸點：{{ funnelMetrics.maxDropStepName }}
歸因累計營收 (Multi-SKU 聚合)
${{ funnelMetrics.totalRevenue.toLocaleString() }}
⚡ REST API 即時查單 | Webhook 0 依賴
數據週期：

【{{ currentFunnel.name }}】轉換階梯圖 D1 真實數據已同步 等待連線查詢 支援單步編輯、Multi-SKU 多方案聚合、A/B 雙分支測試與 ⬆️ ⬇️ 自由調動順序

目前「{{ currentFunnel.name }}」尚未配置步驟，請點擊上方「新增步驟至此漏斗」開始設定

{{ index + 1 }}
{{ step.name }} A/B 雙分支分流測試進行中 (50/50)
⏳ 剩餘時間：{{ formatRemainingTime(step.abEndsAt) }} | 仲裁引擎：{{ step.isWoo ? '每訪客營收優先 (RPV Mode)' : '轉換率優先 (CR Mode)' }}
A 分支 A ({{ step.isWoo ? '商品 ID' : '目標網址' }})
★ 領先中 (+{{ step.abStats.rpvDiffPct }}% RPV) 🚀
{{ step.variantARule || step.matchRule || '/' }}
造訪人次 (N) {{ (step.abStats?.variantA?.visitors || 0).toLocaleString() }}
轉換率 (CR) {{ step.abStats?.variantA?.cr || 0 }}%
每訪客營收 (RPV) ${{ step.abStats?.variantA?.rpv || 0 }}
推進轉化數: {{ (step.abStats?.variantA?.conversions || 0).toLocaleString() }} 人 累計營收: ${{ (step.abStats?.variantA?.revenue || 0).toLocaleString() }}
B 分支 B ({{ step.isWoo ? '商品 ID' : '目標網址' }})
★ 領先中 (+{{ step.abStats.rpvDiffPct }}% RPV) 🚀
{{ step.variantBRule || step.matchRule || '/' }}
造訪人次 (N) {{ (step.abStats?.variantB?.visitors || 0).toLocaleString() }}
轉換率 (CR) {{ step.abStats?.variantB?.cr || 0 }}%
每訪客營收 (RPV) ${{ step.abStats?.variantB?.rpv || 0 }}
推進轉化數: {{ (step.abStats?.variantB?.conversions || 0).toLocaleString() }} 人 累計營收: ${{ (step.abStats?.variantB?.revenue || 0).toLocaleString() }}
統計顯著性檢定 (Two-Proportion Z-Test)： {{ step.abStats?.confidence || 50 }}% 信心水準 {{ step.abStats?.confidence >= 95 ? '(統計極顯著勝出 🟢)' : '(樣本持續累積中 🟡)' }} 倒數結束或提前結案時，Worker 將 0 秒自動抹平劣勢分支並接管 100% 流量！
{{ index + 1 }}
{{ step.name }} 🏆 A/B 優勝：方案 {{ step.abWinner }} (100% 流量鎖定) WooCommerce ({{ step.orderTypeLabel || '訂單事件' }}) {{ step.matchType === 'exact' ? '完全吻合' : '路徑包含' }} Multi-SKU ({{ step.matchRule.split(',').filter(Boolean).length }} 方案聚合)
{{ step.matchRule }}
造訪人次 (FPID)
{{ (step.visitors || 0).toLocaleString() }}
步驟轉化率
{{ step.convRate }}%
每訪客營收
${{ (step.rpv || 0) }}
本步營收
${{ (step.revenue || 0).toLocaleString() }}
下一階段推進
流失率: {{ step.visitors > 0 ? Math.max(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] }}%
{{ currentHeatmapUrl }} (後端座標載入中...)
真實取樣點數: {{ heatmapClicks.length }} 點
目前此步驟尚無真實點擊熱力數據

當訪客進入「{{ currentHeatmapUrl }}」並在頁面產生點擊時，Cloudflare D1 將即時聚合座標繪製光暈。

頁面首屏展示區 (Hero Section)

您的銷售頁 / 名單領取頁標題

主要價值主張與引導說明，訪客進入頁面時的第一視覺接觸焦點。

50% 核心產品功能介紹

[Scroll 25%] 抵達率 {{ scrollStats[25] }}% 曝光保證區
[Scroll 50%] 抵達率 {{ scrollStats[50] }}% 核心特點區
[Scroll 75%] 抵達率 {{ scrollStats[75] }}% 方案與點擊區
[Scroll 100%] 抵達率 {{ scrollStats[100] }}% 頁尾與保障區

OpenAI `gpt-6-luna` 深度轉化率顧問

Temperature: 1 (強制)

系統會自動提取【{{ currentFunnel.name }}】漏斗數據、流失率、A/B 戰況與滾動深度，產出高度針對性的 CRO 行動方針。

CRO 診斷報告輸出（當前目標：{{ currentFunnel.name }}） 模型: gpt-6-luna (temp=1)

點擊上方按鈕，將【{{ currentFunnel.name }}】收集到的真實數據交給 `gpt-6-luna` 深度剖析優化空間

（需先於【系統設定】中填入您的 OpenAI API Key）

① 用戶端追蹤代碼 (Tracker.js - 原生支援 A/B 分流與身分縫合)

貼於名單頁、銷售頁、講座頁等所有網頁最底部或 Header（所有漏斗共用同一代碼）

{{ generatedTrackerScript }}

② WooCommerce 萬用動態轉址與接力棒路由腳本 (Universal Router PHP)

🌟 終生免動代碼旗艦版

徹底廢除 Webhook！ 只需在 WordPress 安裝一次，終生免動 PHP 代碼！無論新增多少漏斗、設定多層加購 Upsell、啟用 A/B 雙分支測試或多方案 Multi-SKU，100% 由 Cloudflare 邊緣 Worker 即時決策轉址。

💡 運作機制與優勢：
  • 零商品 ID、零硬編碼網址：代碼內沒有任何寫死的商品 ID 或目標 URL，徹底根除多漏斗轉址衝突。
  • 20ms 邊緣極速決策：結帳完成瞬間向 Worker 詢問下一步，自動執行 wp_redirect。
  • 身分縫合穿透：跳轉時自動附加 ?order_id=...&email=...&fpid=...&var=...，抵達下頁時 Worker 背景自動以 WooCommerce REST API 查單入庫！
Universal Router PHP 代碼預覽 (已自動動態編譯您的專屬租戶 ID)： 
{{ universalRouterPhpSnippet }}

③ 通用軟體 / 應用程式升級按鈕串接產生器

事件委派動態捕捉版

採用 Document 全域事件委派，100% 捕獲 React/Vue 動態渲染卡片、非同步加載按鈕與促銷彈窗，無失真保留原按鈕商品與折價券，並同步傳遞 fpid、fid 與 A/B 分支 var！

產出的純 JavaScript 嵌入代碼： 
{{ generatedAppSnippet }}
🤖 AI 提示詞小幫手 (不知道按鈕 ID 或如何修改軟體代碼？)

將下方提示詞複製貼給您的軟體開發 AI (如 Cursor、Windsurf、Lovable、ChatGPT)，AI 將自動為您盤點所有購買按鈕並完成無損串接：

{{ aiIntegrationPrompt }}

④ 端到端整合測試驗證教學 (E2E Verification Checklist)

無需等待 Webhook 佇列！依照以下 3 個步驟進行全流程閉環驗證：

1 無痕視窗進入漏斗第一步

點擊測試連結，系統自動分配 A/B 分支 (var) 並鎖定 FPID：

{{ testSimulationUrl }}
2 完成 0 元或付費方案下單

結帳完成瞬間，Universal Router 自動向 Worker 詢問下一步並執行 302 跳轉；抵達下頁瞬間觸發 REST API 背景查單歸因！

3 檢查畫布即時點亮

回到行銷漏斗超人儀表板，點擊「重新整理數據」。

🎉 驗證成功：對應 WooCommerce 步驟人數與營收總額瞬間點亮！

⑤ Microsoft Clarity 訪客操作螢幕錄影與跨域身分聯動

Player 直連雙保險版

透過微軟官方 Clarity 螢幕錄影 SDK，結合本系統 FPID 跨網域注入與獨立播放器直連網址（Standalone Player URL）雙保險回報，在漏斗步驟旁一鍵直開新分頁秒播操作錄影！

▶️ 前往 Clarity 錄影後台
（輸入後自動更新下方整合代碼並儲存）
Microsoft Clarity + FPID 直連播放器雙保險整合代碼： 
{{ clarityCodeSnippet }}

系統設定與 WooCommerce REST API 查單配置

💡 系統依此自動運算專屬租戶識別碼：{{ config.tenantId || '尚未產生' }}
WooCommerce REST API 查單憑證 (替代脆弱 Webhook)： 🟢 雲端已綁定 ({{ backendWcCkMasked }}) 建議選擇「唯讀 Read-Only」權限
💡 安全提示：本金鑰僅由 Cloudflare Worker 後端在訪客下單跳轉瞬間用於查詢訂單金額與帳單 Email。請於 WooCommerce 後台產生金鑰時選擇【唯讀 (Read-Only)】權限，保證 100% 安全。

{{ isEditingStep ? '編輯漏斗步驟' : '新增漏斗步驟' }}

💡 支援多定價方案：若該步驟包含訂閱制、終身制、拼團版或單工具版，可輸入多個商品 ID 並以英文半形逗號分隔（如 1212734, 1309399, 1431202），系統將自動聚合計算實收總營收！留空則代表不限商品。
💡 提示：若上一步為 WooCommerce 結帳，萬用路由將自動把結帳完的買家跳轉至此網址並附加身分參數！
雙分支智能決策引擎
A 分支 A (預設 50% 流量) 留空則自動採用當前步驟主要規則
B 分支 B (預設 50% 流量) 到期或提前結案時，贏家 100% 自動接管流量
此步驟先前已完成結案（勝出：分支 {{ steps[editingStepIndex]?.abWinner }}）
🏆

提前結束 A/B 測試並採用贏家

【{{ earlyStopData.stepName }}】智能決策引擎分析結果：
★ 系統推薦勝出方案：【分支 {{ earlyStopData.leader }}】
每訪客期望營收 (RPV) 領先幅度達 +{{ earlyStopData.rpvDiffPct }}%，雙比例 Z 檢定統計信心水準達 {{ earlyStopData.confidence }}%。

點擊確認後，系統將自動淘汰劣勢分支，並由 Cloudflare Worker 0 秒自動將全網 100% 流量永久導入贏家路徑。WordPress 端與目標網頁終生免改碼！

或手動強制指定贏家：
➕

建立新的行銷漏斗

✏️

重新命名漏斗

⚠️

清空【{{ currentFunnel.name }}】統計數據

您確定要重置「{{ currentFunnel.name }}」的造訪人次、轉換率與累計營收數據嗎？

💡 系統將以當前時間點作為新的計數起點（reset_at），過往的測試訂單與瀏覽紀錄將不再計入此漏斗畫布中，且不會影響其他漏斗的歷史數據。

🗑️

刪除【{{ currentFunnel.name }}】確認

確定要永久刪除「{{ currentFunnel.name }}」及其配置的所有漏斗步驟嗎？此動作無法復原。

【{{ stepRecordingsData.stepName }}】最近訪客操作錄影

所屬漏斗：{{ currentFunnel.name }} | 週期：{{ dateFilter }}

錄影來源時間窗：
正在撈取最新訪客軌跡與專屬播放網址...

{{ stepRecordingsData.bufferMinutes > 0 ? '目前尚無超過 1 小時前已轉碼完畢的訪客紀錄。若剛完成測試，請點擊上方切換至「⚡ 即時最新訪客」！' : '目前此步驟在所選週期內尚無訪客紀錄。' }}

{{ rIdx + 1 }}
{{ rec.fpidShort }} 滾動 {{ rec.scrollDepth }}% ⏳ 微軟轉碼中 (約需 15~30 分鐘)
最後造訪：{{ rec.timeAgo }}
❌ 於本步猶豫後流失 {{ rec.statusLabel || '🟢 成功推進' }}
💡 點擊觀看將以新分頁直接開啟微軟獨立播放器
{{ toast.message }}