Angular の分析

Angular のプロダクト分析

単一のスクリプトタグから、Angular アプリに完全なプロダクト分析（イベント、ファネル、セッションリプレイ、ヒートマップ）を提供でき、Angular Router のナビゲーションも自動で追跡されます。

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

なぜ重要なのか

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

ルータービューが見逃される

Angular Router はページの再読み込みなしにナビゲートします。PulsePanda は各ルート変更をカウントするため、分析の精度が保たれます。

機能の利用データがない

カスタムイベントを追跡し、出荷したコンポーネントやフローの利用状況を測定しましょう。

再現が困難なバグ

セッションリプレイはレンダリングされた DOM とコンソールエラーをキャプチャするため、何が壊れたかを確認できます。

セットアップ

PulsePanda を Angular に追加

Angular が配信する単一の HTML シェルである src/index.html の <head> にスニペットを追加します。

Angular — src/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <base href="/" />
    <script
      src="https://pulsepanda.dev/sdk.js"
      data-project="YOUR_PROJECT_ID"
      defer></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>

サービスやコンポーネントから pulsepanda.track() を呼び出して、ファネルや機能の利用状況のためのカスタムイベントを記録します。

ワークフロー

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

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

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

重要なことを追跡する

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

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

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

得られるもの

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

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

よくある質問

Angular に関する質問

PulsePanda は Angular Router のナビゲーションを追跡しますか？

はい。SDK は History API の変更にフックするため、各 Angular Router のルート遷移が自動でページビューとして記録されます。

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

src/index.html の <head> 内。Angular はその単一のシェルを配信するため、SDK はアプリ全体で読み込まれます。

サービスから PulsePanda を呼び出せますか？

はい。グローバルな pulsepanda オブジェクトはブラウザで利用できます。任意のサービスやコンポーネントから pulsepanda.track() または identify() を呼び出せます。

Angular アプリに分析を追加

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

無料で始める