Phân bổ UTM
Nhấp vào một liên kết có ?utm_source=…; trình theo dõi sẽ ghi lại nguồn / phương tiện / chiến dịch ở lượt xem trang tiếp theo.
Mọi nhấp chuột, cuộn trang, thay đổi tuyến và chiều tùy chỉnh bạn đặt trên trang này đều được ghi vào báo cáo demo0001. Mở cùng báo cáo đó và bạn sẽ thấy chính mình trong đó.
Nhấp bất kỳ nút nào — nhật ký ở bên phải sẽ hiển thị điểm dữ liệu bạn vừa tạo ra.
Nhấp vào một liên kết có ?utm_source=…; trình theo dõi sẽ ghi lại nguồn / phương tiện / chiến dịch ở lượt xem trang tiếp theo.
SDK tự động phát hiện ?q=… trên bất kỳ URL nào và ghi nhận truy vấn dưới dạng một sự kiện.
Truy cập một đường dẫn cố tình lỗi — 404.php báo cáo liên kết hỏng qua trình theo dõi.
Thử một liên kết hỏngSDK tự động ghi lại các lượt nhấp đến máy chủ bên ngoài và báo cáo chúng dưới dạng sự kiện.
Thử một liên kết ra ngoàiCác lượt nhấp vào phần mở rộng tệp phổ biến (pdf/zip/docx/…) tự động báo cáo dưới dạng sự kiện "download".
Thử tải xuống tệp .txtcd1-3 được đặt qua tj("cd", 1, "premium"); đi kèm với mọi PV/sự kiện tiếp theo. Rất phù hợp cho các nhóm A/B hoặc phân lớp bậc.
Chỉ tính những giây mà tab hiển thị VÀ có tương tác trong vòng 30 giây — thời gian rảnh bị loại trừ.
PerformanceObserver gốc đo LCP / INP / CLS; báo cáo khi pagehide; ngưỡng của Google được hiển thị trong bảng điều khiển.
Xem Vitals của bạndemo0001 là bản demo công khai. Lượt truy cập của mọi người được gộp lại — nhưng bạn sẽ ngay lập tức thấy tác động của mình trong các bảng thiết bị / vị trí / trình duyệt.
Mở báo cáo demo0001Một dòng, bốn cách. Tất cả đều bất đồng bộ, không bao giờ chặn.
Dán trước </body>. Dễ nhất / tương thích tốt nhất.
<script async src="https://9ping.dev/hm.min.js"
data-sid="YOUR_SITE_ID"></script>
Tải động cho ứng dụng JS. Tự động lắng nghe hashchange + History API — không cần PV ảo thủ công.
// 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);
})();
Bắt các khách truy cập tắt JS. Xếp chồng lên trên một trong hai phương pháp trên.
<noscript>
<img src="https://9ping.dev/collect.php?sid=YOUR_SITE_ID&type=pv"
width="1" height="1" style="display:none" alt="">
</noscript>
Gọi tj() bất cứ lúc nào sau khi tải — một trình trợ giúp cho nút / gửi biểu mẫu / bước phễu.
// 自定义事件
tj('event', 'signup', 'submit', 'pricing-page');
// 自定义维度(跟随后续 PV/事件一同上报)
tj('cd', 1, 'premium');
tj('cd', 2, 'card');
Trang này đã được gắn mã theo dõi của chúng tôi (site_id = demo0001 — giống hệt mã mà bảng điều khiển cung cấp cho bạn). Hãy thử:
Nhấp vào tab "Sản phẩm" — thanh địa chỉ hiển thị #/page2, tiêu đề thay đổi và một PV ảo mới xuất hiện ở bên phải. Đó chính là theo dõi trang của ứng dụng trang đơn (SPA).
Mẹo: mở vài cửa sổ ẩn danh — số lượng UV và trực tuyến sẽ phân biệt các khách truy cập khác nhau.
Đã kích hoạt PV ảo — chuyển đổi tuyến hash chính là cách các ứng dụng React/Vue thay đổi trang. PV mới nằm ở bên phải.
$129
Chống ồn chủ động · pin 38 giờ · kết nối đa điểm
$219
Kính sapphire · nhịp tim & SpO₂ · chống nước 50 m
$89
Bố cục tùy chỉnh 75 % · switch hot-swap
Mỗi lần nhấp "Thêm vào giỏ hàng" được ghi nhận là một sự kiện tùy chỉnh (category=ecommerce, action=add_to_cart, label=SKU sản phẩm).
Đây minh họa bước cuối cùng của phễu chuyển đổi. Biểu mẫu không bao giờ thực sự gửi đi, nhưng việc focus vào biểu mẫu và nhấp "Đặt hàng" đều là những sự kiện có thể ghi nhận.