Webflow の分析

Webflow の分析とヒートマップ

Webflow サイトで何が機能するかを把握しましょう。PulsePanda は1行のカスタムコードから分析、ヒートマップ、セッションリプレイを追加するため、実際のデータでレイアウトと CTA を最適化できます。

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

なぜ重要なのか

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

デザインが勘で出荷される

ヒートマップは訪問者が実際にどこをクリックし、どこまでスクロールするかを示すため、レイアウトの判断をデータで裏付けられます。

CTA が静かに低迷

ボタンやフォームのイベントを追跡してランディングからコンバージョンまでのファネルを構築し、訪問者がどこで離脱するかを正確に把握しましょう。

実際の訪問を確認できない

セッションリプレイで個々のセッションを確認でき、指標だけでは説明できない混乱を理解できます。

セットアップ

PulsePanda を Webflow に追加

開きます Project Settings → Custom Code そしてスニペットを次の場所に貼り付けます Head Code ボックスに入れて公開します。

Webflow — Project Settings → Custom Code → Head

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

Head Code はホストされた Webflow ドメインのすべてのページに適用されます。スニペットを公開するにはサイトを再公開してください。

ワークフロー

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

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

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

重要なことを追跡する

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

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

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

得られるもの

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

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

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

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

よくある質問

Webflow に関する質問

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

Project Settings → Custom Code → Head Code の中。その後、公開済みの Webflow サイトのすべてのページで読み込まれます。

Webflow の無料プランはカスタムコードに対応していますか？

サイト全体のカスタムヘッドコードには有料のサイトプランが必要です。無料プランでは、個別のページでページ単位のカスタムコードをテストできます。

フォーム送信を追跡できますか？

はい。PulsePanda はクリックを自動キャプチャし、Webflow のフォーム送信時にカスタムイベントを発火させてコンバージョンファネルを構築できます。

Webflow アプリに分析を追加

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

無料で始める