インサイトで一般的な追跡イベントを作成
概要
この記事では、一般的な追跡イベントを作成する方法について説明します。 追跡イベントの詳細については、 「About Insights Tracked Event（インサイト追跡イベントについて）」の記事を参照してください。
追跡イベントページの概要
- + NEW EVENT（新しいイベント）
- 追跡イベントを作成、編集または削除
- 追跡イベントの概要表
- a — Type（タイプ）：各イベントにはタイプによってそれぞれ異なるアイコンが表示されます。
- b — Name（名前）：これは、イベントの作成者が追跡イベントに付けた名前です。
- c — Definition（定義）：これは、追跡イベントが発生したとみなされる前に満たなければならない基準です。
- d — Created（作成日）：これは、追跡イベントが作成された日付です。
- e — Modified（変更日）：これは、追跡イベントが最後に変更された日付です。
追跡イベントの作成
方法1 – イベントをキャプチャーする
前提条件
- WalkMeエディタエクステンションとエディタアプリがインストールされていること
- WalkMeエディタにインサイトのユーザーアカウントでログインしていること
- 設定のパブリッシュが実行済みであること
手順
- insights.walkme.comでアカウントにログインします。
- インサイトのサイドメニューにある［追跡イベント］をクリックします。
- ［CAPTURE EVENT（イベントをキャプチャー）］ボタンをクリックします。
- 注：［Capture Event（イベントをキャプチャー）］ボタンがグレーアウトされている場合は、アカウントでDXAが有効化されていないことを示しています。「Insights Digital Experience Analytics（インサイトデジタルエクスペリエンス分析）（DXA）レベル」の記事に従い、この機能を利用できるように管理者に連絡して設定を有効化してもらってください。
- 移動先のページ（エレメントが存在する場所）を選択し、［LET’S GO（レッツゴー）］ボタンをクリックします。
- ターゲットエレメントをキャプチャーし、キャプチャーしたエレメントついて提供された情報を確認したら、必要に応じて設定を微調整します。
- 注：定義と一致するデータがすでに存在するかどうかを示すメッセージが表示されます。
- 注：定義と一致するデータがすでに存在するかどうかを示すメッセージが表示されます。
- ［Done（完了）］をクリックします。
- インサイトに自動的にリダイレクトされ、新しい追跡イベントが表示されます。
追跡イベントの編集
追跡イベントにカーソルを合わせると、以下のオプションが表示されます。
- コピーボタン：類似の追跡イベントを複製し、新規に作成します。
- ごみ箱アイコン – 追跡イベントを削除します。
- 鉛筆アイコン – 既存の追跡イベントを編集します。
- 変更によって影響を受けるアイテムがある場合は、変更を適用するかどうかを確認する画面が表示されます。
- 変更によって影響を受けるアイテムがある場合は、変更を適用するかどうかを確認する画面が表示されます。
- 「Recapture Tracked Event（追跡イベントを再キャプチャー）」ボタン – ターゲットエレメントを再キャプチャーして追跡イベントを編集します。
方法2 – カスタム設定
または［CUSTOM SETUP（カスタム設定］ボタンをクリックして追跡イベントを手動で設定できます。
- 名前フィールドに新しい追跡イベントの名前を入力します。
- ヒント：イベントが表すユーザーのアクションを表現する名前を利用します。
- 定義のドロップダウンメニューから追跡イベントの定義を選択します（以下の使用可能なイベントタイプセクションを参照）
- 必要なプロパティを選択して、イベントの定義をします（以下の使用可能なイベントタイプセクションを参照）
- ［イベントプロパティ］セクションの［+プロパティを追加］をクリックします（クリックまたは入力タイプのイベントでのみ使用可能なオプション）
- ［SAVE（保存）］をクリックすれば完了です。
これで新しい追跡イベントがファネル、フィルタ、その他の機能で使用できるようになります。
利用可能なイベントタイプ
| イベントタイプ | 簡単な説明 | 詳細な定義 |
| クリック/タップ | クリックまたはタップされたエレメントフィルター |
以下を使用してエレメントを識別できます。 Text is：クリックされたエレメントをそのコンテンツで識別します。 ID：クリックされたエレメントを一意のエレメント識別子で識別します。 Class：クリックされたエレメントを1つ以上のクラスで識別します。 より正確な結果を得るには、スペースを使用して親エレメントのクラスも識別します。 例えば「.shippingForm .saveBtn 」です。 CSSセレクターの詳細については以下をご覧ください。 |
| ページビュー | ユーザーがアクセスする特定のURLでフィルタリングします。 | |
| 入力 | ユーザーが操作する入力フィールドでフィルタリングします。 |
以下を使用して入力フィールドを識別できます。 Name is：入力フィールド名で入力エレメントを識別します。 Label is：入力フィールド名でエレメントを識別します。 Class：1つ以上のクラスで入力エレメントを識別します。 ID：入力エレメントを一意のエレメント識別子で識別します。 CSSセレクターの詳細については以下をご覧ください。 |
イベントプロパティの作成
特定の種類の追跡イベント (クリック/タップや入力タイプのイベントなど) については、イベントプロパティを追加できます。 イベントプロパティは、イベントに問題が発生した際にユーザーがどの URL 上にいるかを記録します (ユーザーが使用している URL で既にイベントをフィルタリングしているページビューのイベントタイプは除きます) 。
例えば、「ユーザーが購入を完了」という新しい追跡イベントを作成し、HTML ID属性が「place_order」という、複数のページに存在する「注文を確定」ボタンをユーザーがクリックした時に発生するものとしてイベントを定義したとします。
イベントが発生したページに特定のURLが含まれているかどうかをチェックするイベントプロパティ、例えば「http://shopme.walkme.com/checkout」を追加できるようになります。
これにより、特定のページで発生した指定エレメントのクリックだけを追跡イベントでカウントします。 そうでない場合は、すべてのページでのクリックが追跡イベントでカウントされます。
CSSセレクター
CSSセレクターを使用すると、エレメントの正確な定義を追跡できます。 CSSセレクターを使用すると、ID、クラス、タイプ、属性、属性値などの特性に基づいてHTML構造内のエレメントを識別できます。
CSSの使用、構築、作成方法
- 要素を右クリックして［Inspect Element（要素の検査）］を選択し、HTMLで要素を見つけます。 そのエレメントが画面と開発者パネルで強調表示されます。 CSSセレクターを作成するために、エレメント固有の特性（場所、クラス、ID、追加属性など）を特定します。
- 特定したら、CSSセレクターを作成します。 以下は現在サポートされているCSSのサブセットです。
| サポートされているCSS属性 | 構文 | |
| ID | ハッシュセレクターは、ID 属性に基づいてエレメントを明確に定義するために使用されます。 | #IdName |
| クラス | クラス属性に基づいてエレメントを明確に定義するために、ドットが使用されます。 | .className |
|
追加属性 [attribute=’value’] |
tagName, src, href, type, name, Role, Text |
Equals: [attribute=a] Contains: [attribute*=b] Begins with: [attribute^=a] cで終わるエレメント : [attribute$=c] |
|
属性セレクターはそのHTML属性のいずれかに基づいてエレメントを明確に定義するために使用されます。 デフォルトではクラスおよびID属性が収集されています。 HTML属性を追加収集するには、環境設定→収集有効化セクションでこれを有効にする必要があります。 |
||
| タグ名 | 名前 | |
| スペース – エレメントの階層 | スペースはエレメント間の階層を定義するために使用されます。 例：.className .className | |
| 上記の組み合わせ | #idName. className. className |
例： #idName. className. className |
CSSセレクターのテスト
-
- 追跡イベントを定義すると、Insightsは過去30日間から現在までの結果のプレビューをすぐに生成します。更新は1分ごとに行われ、 その定義に対してイベントがすでにキャプチャーされているかどうかを確認できます。
- 正しいイベントが追跡イベントとして識別されたことを確認するには、その定義の過去数か月間の使用状況を確認する必要があります。 結果がゼロになった場合、定義内の何かに欠陥がある可能性があります。
- また、ウェブサイトでのイベントをシミュレートし、追跡されていることをリアルタイムで確認することもできます。
- セッションプレイバック が有効になっている場合、イベントが表示されるセッションを簡単に見ることができます。
