UTM 行銷歸因
點擊帶 ?utm_source=… 的連結,本頁重載後埋點自動擷取活動來源 / 媒介 / 名稱。
你在這頁的每一次點擊、捲動、切換路由、設自訂維度——都會落進 demo0001 報表。你可以開啟同一份報表,在裡面找到自己。
點任意按鈕,右側日誌會立刻顯示你剛剛製造的資料點。
點擊帶 ?utm_source=… 的連結,本頁重載後埋點自動擷取活動來源 / 媒介 / 名稱。
SDK 自動辨識 URL 裡的 ?q=…,把搜尋詞作為事件回報。
故意訪問不存在的路徑,SDK 透過 404.php 自動回報失效連結。
試一個不存在的連結SDK 自動擷取跳出本站的外連點擊,並作為事件回報。
試一個出站連結常見檔案副檔名(pdf/zip/docx/…)的點擊會自動回報為「下載」事件。
試一個 .txt 下載cd1-3 用 tj("cd", 1, "premium") 設定後,跟隨後續所有 PV/事件一起回報;適合 A/B 桶 / 使用者檔位切片。
只統計「可見 + 30 秒內有互動」的真實秒數;含掛機的死時間不算。
SDK 用原生 PerformanceObserver 測 LCP / INP / CLS;pagehide 時回報;報表可見 Google 閾值評級。
去報表看你的 Vitalsdemo0001 是公開示範站點,所有訪客的資料彙總在一起。在地理 / 裝置 / 瀏覽器面板你能立即找到本次工作階段的影響。
開啟 demo0001 報表一行代碼、4 種部署方式。所有方式非同步、不阻塞首屏。
放進 </body> 前。最簡單 / 相容性最好。
<script async src="https://9ping.dev/hm.min.js"
data-sid="YOUR_SITE_ID"></script>
JS 應用動態載入;自帶 hashchange + History API 監聽,無需手埋虛擬 PV。
// React/Vue/Vite/Next SPA
(function () {
var s = document.createElement('script');
s.async = true; s.src = 'https://9ping.dev/hm.min.js';
s.dataset.sid = 'YOUR_SITE_ID';
document.head.appendChild(s);
})();
停用 JS 的訪客也能記一次 PV。與上面任一方式疊加使用。
<noscript>
<img src="https://9ping.dev/collect.php?sid=YOUR_SITE_ID&type=pv"
width="1" height="1" style="display:none" alt="">
</noscript>
載入後任意時刻呼叫 tj();用一份代碼搞定按鈕 / 表單送出 / 漏斗節點。
// 自定义事件
tj('event', 'signup', 'submit', 'pricing-page');
// 自定义维度(跟随后续 PV/事件一同上报)
tj('cd', 1, 'premium');
tj('cd', 2, 'card');
這個頁面已嵌入埋點(site_id = demo0001,與後台產生的一字不差)。試試看:
點擊「商品列表」分頁——網址列會出現 #/page2,標題會變,一條新的虛擬 PV 會在右側彈出來。這就是單頁應用(SPA)下的頁面追蹤。
小提示:多開幾個無痕視窗訪問,UV 與線上人數會區分不同訪客。
虛擬 PV 已回報——切換 hash 路由就像在真正的 React/Vue 應用裡換頁。右側可看到本次 PV。
$129
主動降噪 · 38h 續航 · 多點連接
$219
藍寶石錶鏡 · 心率/血氧 · 50m 防水
$89
客製化 75% 配列 · 熱插拔軸座
每個「加入購物車」點擊都會以自訂事件回報(類別=電商,動作=加車,標籤=商品 SKU)。
這一步示範的是「轉換漏斗」常見的最後一步——表單不會真的送出,但表單取得焦點、點擊「送出訂單」都能埋成事件。