ストーリーのない使用データ
イベント数を、それらを説明するセッションとフィードバックに接続しましょう。
解決する課題
その背景にあるストーリーを含む使用データを求めるチームのために構築
遅くてコードが多いインストルメンテーション
オートキャプチャとカスタムイベントを組み合わせて、トラッキングを素早くリリースしましょう。
1つのレポートに閉じ込められたイベント
同じイベントをファネル、カスタムイベントの集計、リプレイの絞り込みに使えます。
ワークフロー
PulsePanda が分析をプロダクトの意思決定に変える方法
イベントをキャプチャする
オートキャプチャとカスタムイベントを使用して主要なアクションをトラッキングします。
重要なことを測定する
時間の経過とともに機能使用量、アクティブユーザー、リテンションを確認してください。
証拠を接続する
イベントから、その裏にあるセッションリプレイへ移動できます。
キャプチャ
イベントが PulsePanda に届く4つの方法
まずはスクリプトが自動で記録するものから始め、重要なアクションに名前を付けましょう。
| オートキャプチャ | ページビュー、クリック、フォーム入力、レイジクリック、JavaScript エラーは、スクリプトが読み込まれた瞬間からコードなしで記録されます。各クリックには要素の id、クラス、テキストに加えて data-* と aria-* 属性が保存されるため、後から名前を付けられます。 |
|---|---|
| 定義イベント（コード不要） | コードに触れずにクリックに名前を付けられます。オートキャプチャしたクリックを要素 ID、CSS クラス、テキスト、data 属性、タグ、または完全な CSS セレクターで照合し、1つの条件で足りなければ複数の条件を組み合わせます。定義はすでに記録されたクリックにも適用され、保存前にエディターが一致するクリック数を表示します。 |
| トラッキングイベント（コード） | コードから PulsePanda.track("plan_upgraded", { plan: "pro" }) で名前付きイベントを送信します。1イベントにつき最大25個のプロパティを付けられます。スクリプトの読み込み前に行われた呼び出しはキューに入り、訪問者が同意を決める前の呼び出しは決定が下りるまで保留されます。 |
| Google Tag Manager の dataLayer | すでに dataLayer にイベントを送っていますか？ スクリプトタグに data-datalayer="true" を追加すると、それらのイベントがトラッキングイベントとして届き、ネストされた値はプロパティにフラット化されます。true の代わりにカンマ区切りのイベント名リストを指定すれば、そのイベントだけを残せます。連絡先情報らしきフィールドは破棄されます。 |
コード不要のイベント
data 属性を使ったコード不要のイベントトラッキング
クリックをテキストで照合するのは名前を付ける最速の方法ですが、最も壊れやすい方法でもあります。誰かがボタンの文言を書き換えた日にイベントは一致しなくなり、翻訳版のページではそもそも一致しません。data 属性ならどちらにも耐えられます。
- 対象の要素に属性を追加します：
<button data-track="signup">Start free</button>。スクリプトはクリックごとにすべてのdata-*を記録するので、名前は何でも構いません。 - PulsePanda で、
data-track="signup"のような Data Attribute 条件を持つイベントを定義します。値は大文字と小文字を区別せずに完全一致で照合され、値なしのdata-trackはどんな値にも一致します。 - ほかのイベントと同じように使います。ファネルのステップとして、またはイベント一覧のフィルターとして使え、一覧の各行からは元のセッションリプレイが開きます。
定義はすでに記録されたクリックにも適用されるため、今日 ID やクラスで定義したイベントは先月のクリックもカウントします。今日追加した data 属性は今日以降のクリックに一致します。それ以前のクリックはその属性なしで記録されているためです。
得られるもの
1つのワークスペースで連携する分析機能
| イベント | 1つのSDKにカスタムイベントとオートキャプチャ。 |
|---|---|
| メトリクス | 機能の使用状況とDAU、WAU、MAUのトレンド。 |
| コンテキスト | リプレイとファネルにリンクしたイベント。 |
何をトラッキングするか
重要なイベントを選び、名前を付ける
オートキャプチャがあればゼロから始めることはありませんが、全クリックの一覧は計測計画ではありません。本当の前進を示すいくつかのアクションに名前を付けましょう。サインアップした、最初のプロジェクトを作成した、チームメイトを招待した、アップグレードした、などです。ほとんどのプロダクトに必要な名前付きイベントは200個ではなく、10〜20個です。
名前は対象と過去形の動作で付け（project_created、plan_upgraded）、表記は1つに統一し、バリエーションは新しいイベント名ではなくプロパティに入れます。命名については イベントトラッキングとは何か、どのイベントをトラッキングすべきか で詳しく解説しています。
あとはイベントを活用するだけです。イベントで組んだ アクティベーションファネル は新規ユーザーが止まるステップを示し、各離脱の背後にあるリプレイがその理由を示します。
よくある質問
乗り換え前によく聞かれる質問
プロダクトイベントトラッキングとは何ですか？
製品イベントトラッキングは、ユーザーが製品内で行うアクションを記録し、チームが機能の使用状況、アクティブユーザー、リテンションを測定できるようにします。
すべてのイベントを手動で定義する必要がありますか？
いいえ。PulsePandaはオートキャプチャとカスタムイベントを組み合わせているため、素早く開始し、必要な箇所に詳細を追加できます。
イベントはPulsePandaの他の部分とどのように接続しますか？
イベントはファネルとリプレイの絞り込みを支え、すべてのイベントが発生元のセッションリプレイにリンクしています。
よくある質問
イベントトラッキングに関するよくある質問
イベントトラッキングソフトウェアとは何ですか？
サイトやプロダクト上でのクリック、サインアップ、アップグレードなどの行動を名前付きイベントとして記録するソフトウェアです。イベントは集計したり、ファネルのステップに使ったり、フィルターに使ったりできます。PulsePanda は、オートキャプチャしたイベント、記録済みのクリックから定義するイベント、コードから送るイベントを組み合わせています。
コードを書かずにイベントをトラッキングできますか？
はい。クリックは自動でキャプチャされ、ID、クラス、テキスト、data 属性、タグ、CSS セレクターで照合すれば、どのクリックも名前付きイベントにできます。要素に data-* 属性を付けるのが最も堅牢な方法です。文言の変更や翻訳の影響を受けないためです。
新しいイベント定義は過去のデータにも使えますか？
はい。定義イベントはすでに記録されたクリックにも一致するため、今日作ったファネルでも以前の訪問を使えます。PulsePanda.track() で送るイベントは、呼び出しを追加した時点からしか存在しません。
イベントと一緒にプロパティを送れますか？
はい。PulsePanda.track() はイベント名と最大25個のプロパティを受け取ります。各プロパティは文字列、数値、真偽値、null のいずれかです。文字列は255文字までです。
PulsePanda は Google Tag Manager と連携できますか？
はい。Google Tag Manager からスクリプトを追加でき、スクリプトタグに data-datalayer="true" を付ければ、すでに dataLayer に送っているイベントがトラッキングイベントとして記録されます。
関連ページ
PulsePanda 分析スタックの残りを見る
今日からユーザーを理解しましょう
一度インストールするだけで、プロダクト分析、リプレイ、ヒートマップ、ファネル、フィードバックを数分で連携できます。
無料で始める