Framer の分析

Framer の分析とヒートマップ

訪問者が Framer サイトとどうやり取りするかを把握しましょう。PulsePanda は1つのカスタムコードスニペットから分析、ヒートマップ、セッションリプレイを追加するため、根拠を持ってデザインを磨けます。

無料で始めるインストールガイド

なぜ重要なのか

Framer チームがついに見られるもの

データよりもアニメーション

美しい Framer サイトでも、何がコンバージョンするかの証拠が必要です。ヒートマップとリプレイが訪問者の実際の行動を示します。

離脱が見えない

CTA とフォームのイベントを追跡してファネルを構築し、訪問者が離脱するステップを見つけましょう。

セッションを確認する方法がない

セッションリプレイで実際の訪問を確認でき、ためらいや混乱を理解できます。

セットアップ

PulsePanda を Framer に追加

開きます Site Settings → General → Custom Code そしてスニペットを次の場所に貼り付けます Start of <head> tag ボックスに入れて公開します。

Framer — Site Settings → Custom Code → Start of <head>

<script
  src="https://pulsepanda.dev/sdk.js"
  data-project="YOUR_PROJECT_ID"
  defer></script>

カスタムコードは公開済みの Framer サイト全体に適用されます。スニペットを有効にするには再公開してください。

ワークフロー

インストールからインサイトまで

スニペットをインストールする

Framer プロジェクトに一度スクリプトを追加するだけです。ウェブ分析、自動キャプチャされたクリック、セッションリプレイ、ヒートマップがすぐに収集を開始します。

重要なことを追跡する

次を呼び出します pulsepanda.track() 主要なアクションで、そして pulsepanda.identify() ログイン後にイベント、セッション、フィードバックを各ユーザーに紐づけます。

データに基づいて行動する

ファネルを構築し、離脱の背後にあるリプレイを確認し、ヒートマップを読み、プロダクト内フィードバックを収集できます — すべて1つのワークスペースで。

得られるもの

1つのスニペットで全体像を把握

分析レイヤーページビュー、カスタムイベント、コンバージョンファネル、リテンション。

行動レイヤーセッションリプレイ、クリックとスクロールのヒートマップ、エラーコンテキスト。

フィードバックレイヤープロダクト内アンケート、フィードバックウィジェット、フォーム、機能投票ボード。

よくある質問

Framer に関する質問

Framer でスニペットをどこに追加しますか？

Site Settings → General → Custom Code の「Start of <head> tag」フィールドの中。公開済みサイトのすべてのページで読み込まれます。

Framer の無料プランで動作しますか？

カスタムコードには有料の Framer サイトプランが必要です。利用可能になったら、head セクションにスニペットを貼り付けて公開します。

コンバージョンを測定できますか？

はい。PulsePanda はクリックを自動キャプチャし、カスタムイベントに対応しているため、訪問からサインアップや購入までのファネルを構築できます。

Framer アプリに分析を追加

一度インストールするだけで、数分で分析、セッションリプレイ、ヒートマップ、ファネル、フィードバックを接続できます。

無料で始める