連携 · サイトプラットフォーム
React と Vite のアプリ：index.html にタグを 1 つ。
シングルページアプリは 1 つの index.html を共有するため、タグ 1 つですべてのルートをカバーし、履歴の変化をページビューとして数えます。ゴールはコンポーネント内の tally() 呼び出しから、収益は接続した決済サービスから届きます。
無料で始める
14 日間無料、カード登録は不要です。
01Tally が計測するもの
- History API から、ルーター用プラグインなしで各ルート遷移をページビューとして数えます。
- コード内の tally('goal_name', props) と、要素の data-fast-goal 属性によるゴール。
- ルートごとに計測するエンゲージメント時間とスクロール深度。
02収益データの取得元
- バックエンドからのチェックアウトAPI で _tally_vid Cookie を読み取り、チェックアウトの metadata またはカスタムデータに渡します。Node、Python、Ruby、PHP 用のスニペットは Coverage ページにあります。
- identify の呼び出しサインイン後に tally('identify', { email }) を呼ぶと、その後の決済をメールアドレスで紐づけられます（確度：中）。
03読み取れないもの
- 接続済みの決済サービスでの支払いを伴わず、アプリの状態の中だけで完結する購入は、収益に含めません。
- タグに data-hash がない限り、ハッシュ内のルート（#/settings）はページとして数えません。
- アプリのネイティブモバイル版はタグを読み込まないため、計測対象は Web アプリのみです。
04スニペットを設置する
設置場所：index.html の <head> 内に置きます。アプリのすべてのルートで共有されます。
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>これはサンプルサイトのタグです。あなたのサイト ID 入りのタグは、サイトを追加するときのスニペットの手順と、そのサイトの Setup ページにあります。
- index.html の head 内にタグを貼り付けます。
- アプリを起動して開くと、最初の訪問でライブチェックが緑になります。ただし、data-allow-localhost なしの localhost からの訪問は除きます。
- バックエンドからチェックアウトに訪問者の ID を渡し、サインイン後に identify を呼び出します。
05よくある質問
ルーターとの連携は必要ですか？
いいえ。タグは React Router などのルーターが使う History API を追跡するため、プラグインなしで各ナビゲーションを数えます。
コンポーネントからゴールを送るにはどうすればよいですか？
ゴールが発生する箇所で tally('signup', { plan: 'pro' }) を呼び出します。1 行のキュー用スタブをページに置いておけば、タグの読み込み前の呼び出しも待機し、最初のページビューの後に送信されます。
Vite の開発サーバーでの訪問も数えますか？
タグに data-allow-localhost がない限り数えません。開発中のアクセスが数値に混ざることはありません。