Astro の分析

Astro のプロダクト分析

レイアウト内の単一のスクリプトタグから、Astro サイトにページビュー、イベント、セッションリプレイ、ヒートマップを追加できます。アイランド、ハイドレーション、バックエンドの設定は不要です。

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

なぜ重要なのか

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

静的サイトはインサイトに欠ける

Astro は高速な静的ページを配信しますが、それでも訪問者の行動を知る必要があります。PulsePanda はページを遅くすることなく分析を追加します。

エンゲージメントのデータがない

ヒートマップとスクロールマップは、訪問者がコンテンツページをどこまで読み、何をクリックするかを示します。

コンバージョンがブラックボックス

CTA とフォームでカスタムイベントを追跡し、訪問からサインアップまでのファネルを構築しましょう。

セットアップ

PulsePanda を Astro に追加

ベースレイアウトの <head> にスニペットを追加すると、それを使用するすべてのページに SDK が含まれます。

Astro — src/layouts/Layout.astro

---
// src/layouts/Layout.astro
---
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <slot />
  </body>
</html>

Astro View Transitions を使用している場合でも、SDK は History API の変更をリッスンするため、各ナビゲーションを追跡します。

ワークフロー

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

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

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

重要なことを追跡する

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

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

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

得られるもの

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

1つのスニペットで全体像を把握
分析レイヤー	ページビュー、カスタムイベント、コンバージョンファネル、リテンション。
行動レイヤー	セッションリプレイ、クリックとスクロールのヒートマップ、エラーコンテキスト。
フィードバックレイヤー	プロダクト内アンケート、フィードバックウィジェット、フォーム、機能投票ボード。

よくある質問

Astro に関する質問

PulsePanda は私の Astro サイトを遅くしますか？

いいえ。スクリプトは遅延され、コンテンツの後に読み込まれるため、レンダリングをブロックしたり Lighthouse スコアを損なったりすることはありません。

Astro View Transitions で動作しますか？

はい。SDK は History API のナビゲーションを追跡するため、クライアント側の遷移がページビューとしてカウントされます。

静的（SSG）な Astro サイトで使用できますか？

はい。スニペットは完全にクライアント側で動作するため、静的、SSR、ハイブリッドの Astro ビルドで同じように機能します。

Astro アプリに分析を追加

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

無料で始める