UTM アトリビューション
?utm_source=… 付きのリンクをクリックすると、次のページビューでトラッカーが source / medium / campaign を取得します。
このページでのすべてのクリック・スクロール・ルート変更・設定したカスタムディメンションが demo0001 レポートに記録されます。同じレポートを開けば、その中にあなた自身が見つかります。
いずれかのボタンをクリックすると、右側のログに今生成したデータポイントが表示されます。
?utm_source=… 付きのリンクをクリックすると、次のページビューでトラッカーが source / medium / campaign を取得します。
SDK が任意の URL 上の ?q=… を自動検出し、検索クエリをイベントとして送信します。
意図的に壊したパスにアクセスすると、404.php がトラッカー経由でデッドリンクを送信します。
壊れたリンクを試すSDK は外部ホストへのクリックを自動的に捕捉し、イベントとして送信します。
外部リンクを試す一般的なファイル拡張子(pdf/zip/docx/…)へのクリックは、自動的に「ダウンロード」イベントとして送信されます。
.txt ダウンロードを試すcd1-3 は tj("cd", 1, "premium") で設定でき、以降のすべての PV/イベントに付随します。A/B バケットや階層セグメントに最適です。
タブが表示されていて、かつ30秒以内に操作があった秒数のみをカウントします — アイドル時間は除外されます。
ネイティブの PerformanceObserver が LCP / INP / CLS を測定し、pagehide 時に送信します。Google のしきい値はダッシュボードに表示されます。
あなたの Vitals を見るdemo0001 は公開デモです。全員のアクセスがまとめて集計されますが、デバイス/地域/ブラウザのパネルであなたの影響がすぐに見つかります。
demo0001 レポートを開く1行、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 を無効にした訪問者を捕捉します。上記いずれの方法にも重ねて使えます。
<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を送信しました — ハッシュルートの切り替えは、React/Vue アプリがページを変える仕組みそのものです。新しいPVは右側にあります。
$129
アクティブノイズキャンセリング · 38時間バッテリー · マルチポイント
$219
サファイアクリスタル · 心拍数&血中酸素 · 50m防水
$89
カスタム75%レイアウト · ホットスワップソケット
「カートに追加」のクリックはカスタムイベントとして送信されます(category=ecommerce、action=add_to_cart、label=製品SKU)。
これはコンバージョンファネルの最終ステップのデモです。フォームは実際には送信されませんが、フォームのフォーカスと「注文する」のクリックはどちらも送信可能なイベントです。