tracker.js テストページ(全イベント一括計測)

このページは、リンク・ボタン・アコーディオン・ラジオ・セレクト・テキスト入力・フォーム送信・ハッシュ遷移・可視状態・ページ滞在など 主要イベントを網羅的に発火します。
設置タグ:<script src="/ak2/tracker.js" data-base="/ak2/" defer></script>

リンク(a.track-link

クリックすると link_click が送信されます(ページ内遷移#)。

ヘッダーへ(#top) フォームへ(#form) 最下部へ(#bottom) TOPページへ

ボタン(button.track-btn

クリックで button_click。送信ボタンは form_submit と組み合わせてチェック。

アコーディオン(input.track-acc[type=checkbox]

開閉で accordion_togglestate = open/close)。

CPU / メモリ / ストレージなどの基本仕様が入ります。
拡張ポート・GPU・ネットワーク・耐久試験など詳細情報が入ります。

ラジオ & セレクト(.track-radio / .track-select

変更で radio_change / select_change

カラー
サイズ

テキスト入力 & フォーム送信

typing_start / typing_stop / input_commit を送ります。
値はデフォルトでは送信しません(長さのみ)。値を送りたい場合は data-track-value="true" を付与してください。




ハッシュ遷移(hashchange

クリックで hash_change が送られ、ページ滞在スパンは継続記録されます。

#hash-a #hash-b #hash-c

スクロール・可視状態

ページの可視状態が変わると visibility_change。下にダミーコンテンツを置いてスクロールを発生させます。

ダミーコンテンツ(スクロールしてください)
このブロックはテスト用の高さ 800px です。

最下部

ここで離脱(タブを閉じる / リロード / 他サイトへ移動)すると、まとめて END が送信されます。

ENDには timelinepage_spans が同梱され、track_end.php でメール&CSVに反映されます。

トップへ戻る