連携 · サイトプラットフォーム
Framer：head タグの末尾に入れて公開。
タグはサイト全体の Custom code で head の末尾に入れ、公開サイト上で動作します。Framer のプレビューではカスタムコードが読み込まれないため、公開中のページで確認してください。
無料で始める
14 日間無料、カード登録は不要です。
01Tally が計測するもの
- 公開サイトのすべてのページを、流入元、チャネル、国とともに計測します。
- ページごとのエンゲージメント時間とスクロール深度。
- Payment Link や別ドメインのチェックアウトなど、外部サイトへのリンクのクリック。
02収益データの取得元
- Stripe Payment Linksbuy.stripe.com へリンクするボタンは、タグがリンクに付ける訪問者 ID によって、売上を自動で紐づけます。
- その他のチェックアウトPaddle、Lemon Squeezy、Polar のチェックアウトは、埋め込みや自前のコードで訪問者の ID を渡せば紐づきます。
03読み取れないもの
- Framer はキャンバスのプレビューでカスタムコードを読み込まないため、そこでの訪問は数えません。
- サイトは Framer がホストしているため、AI クローラーを報告するサーバーコードがありません。検出できるのは、スクリプトを実行するクローラーのみです。
- 接続済みの決済サービス以外の決済は、ご自身のサーバーから Payments API に送信しない限り読み取りません。Framer のサイト自体にはサーバーがありません。
04スニペットを設置する
設置場所：Site settings › General › Custom code の <head> タグの末尾に入れて、公開します。
<script defer data-site="k3xq2mfa7twp" src="https://t.tallybyoutpost.com/script.js"></script>これはサンプルサイトのタグです。あなたのサイト ID 入りのタグは、サイトを追加するときのスニペットの手順と、そのサイトの Setup ページにあります。
- Site settings → General → Custom code を開き、head タグの末尾にタグを貼り付けます。
- 公開してから公開中のサイトを開くと、ライブチェックに最初の訪問が表示されます。
- 購入ボタンのリンク先を Stripe Payment Links にするか、チェックアウトに訪問者の ID を渡します。
05よくある質問
Framer のプレビューからではライブチェックが緑にならないのはなぜですか？
Framer はキャンバスのプレビューでカスタムコードを実行しません。サイトを公開して公開先のアドレスを開けば、そこでの最初の訪問が数秒以内に表示されます。
リロードなしのページ切り替えも数えますか？
はい。ページの切り替えで History API によりアドレスが変わると、ほかのシングルページサイトと同じく、タグはそれをページビューとして数えます。
ボタンのクリックをゴールにするにはどうすればよいですか？
data-fast-goal 属性を持つ要素は、クリックされるとゴールとして数えます。属性は小さなコードコンポーネントで追加でき、コンポーネントから直接 tally() を呼ぶこともできます。