Angular の分析

Angular のプロダクト分析

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

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

なぜ重要なのか

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

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

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

機能の利用データがない

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

再現が困難なバグ

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

セットアップ

PulsePanda を Angular に追加

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

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つのスニペットで全体像を把握

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

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

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

よくある質問

Angular に関する質問

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

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

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

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

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

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

Angular アプリに分析を追加

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

無料で始める