イベントを作成する方法

Last Updated 2月 14, 2025

概要

コンソールのイベントページでは、ユーザーが追跡イベントやエンゲージメントを簡単に作成できます。イベントは、手動で設定する方法（トラッキングされたイベントのみ）と、イベントをキャプチャする方法の2つで作成できます。このセクションでは、イベントを作成するためのすべての方法を網羅した詳細なステップバイステップのガイドを見つけることができます。

知って使う

Engaged Elements（エンゲージされたエレメント）

エンゲージメントエレメントは、エディタから公開されたWalkMeコンテンツタイプで、ユーザーアクションなしで追跡できます。これは、ユーザーセッション中またはユーザーアクション（クリック、ホバー、入力、表示、テキスト変更）によってエレメントが画面に表示されたかを追跡できることを意味します。

すべてのエンゲージメントエレメントは、WalkMeエディタでキャプチャされており、データをより正確で信頼できるようにするルールエンジンにアクセスできます。さらに、エディターでのキャプチャは、データのセキュリティを心配している場合に、セキュリティを追加します。

https://support.walkme.com/knowledge-base/about-insights-console-engaged-elements/

エンゲージメントエレメントの作成

イベントページでイベントを作成をクリックします
イベントタイプとしてエンゲージメントエレメントを選択します。
システムを選択します
[Open Editor（エディタを開く）]をクリックして、エレメントのキャプチャを開始します。
作成アイコンをクリックします。
追跡する要素をキャプチャする
エレメント名を入力します。
追跡したいインタラクションタイプを選択します。
1. クリック：ユーザーが定義されたエンゲージされたエレメントをクリックするたびにトリガーされる
2. 入力：ユーザーが入力を変更するたびにトリガーされる
  1. たとえば、テキストフィールドでは、ユーザーがテキスト入力を変更し、定義済みのエンゲージされたエレメントフィールドからフォーカスを外すと、入力イベントがトリガーされる
3. ホバー：ユーザが定義済みのエンゲージされたエレメントで300ミリ秒以上ホバリングするたびにトリガーされる
4. 表示：定義されたエンゲージメントエレメントがページの読み込みまたはURL変更で表示される度にトリガーされます。イベントが削除され、再び表示される場合も、イベントは再びトリガーされます。
［Save（保存）］をクリックします。
本番環境に公開します
公開されると、コンソールのイベントページの管理タブに戻ります
ページを更新すると、新しいエンゲージメント要素がイベントリストに表示されます。

すべてのサイトページの使用方法（サイト全体）

ヘッダー、フッター、サイドバーナビゲーションなど、すべてのページに共通するサイトのコンポーネントに配置されている要素を選択する場合は、表示されるすべてのページを網羅するようにサイト全体エレメントを追跡するように指定してください。

これは、エンゲージされたエレメントをキャプチャする前にドロップダウンから「すべてのサイトページ（サイト全体）」を選択することを意味します。

追跡イベントダッシュボード

追跡イベントとは、ユーザーがHTMLエレメントで持っている特定のインタラクションを追跡するために、デジタルエクスペリエンスアナリティクス（DXA）を使用して分析されるイベントです。

追跡されたイベントを使用すると、WalkMeアイテムがウェブサイトに存在するかどうかを問わず、エンドユーザーのプロセス完了を追跡できます。 WalkMeの使用前と使用後を追跡することで、WalkMeソリューションの有効性を評価できます。

トラッキングイベントは、パラメータを定義して手動で作成するか、キャプチャによって作成できます。

About Insights Tracked Events

トラッキングイベントを手動で作成

イベントページでイベントを作成をクリックします
イベントタイプとして追跡イベントを選択します
[Manual（手動で作成）]を選択します
トラッキングイベントの名前を入力します。
システムを選択します
イベントでトラッキングするデータを選択します。オプションは3つあります：エレメント、コンテンツ、またはページ。次のステップは、選択したイベントデータオプションによって異なります

エレメント

ウェブページやアプリに表示されるビジュアルコンポーネント。

エレメントタイプを選択します - これは、エレメントに関連するアクションです。

- クリック/タップ：ユーザーがエレメントをクリック/タップしました
- 入力：ユーザーがエレメントフィールドにテキストを入力します。
条件ビルダーを使用して、データが有効であるとみなすルールを定義します
1. 以下のオプションから条件を選択します:
  1. ラベル：入力フィールド名でエレメントを識別します。
  2. クラス：入力エレメントを1つ以上のクラスで識別します。
  3. ID：入力エレメントを一意のエレメント識別子で識別します。
  4. CSSセレクター：以下の展開で詳細を学びます。
2. 値を選択または入力します
オプション：データセットの一部をトラッキングするためにページフィルターを追加できます。詳細はこちら。
WalkMeは定義をDXAデータベースと比較し、一致するデータ定義があるかどうかを判断します。
作成をクリック

注

エレメントデータタイプを使用するには、DXA（デジタルエクスペリエンス分析）を有効にする必要があります。顧客は、CSMに連絡して、この有料機能を利用できます。

クリックしてCSSセレクターの詳細を知る...

CSS セレクターを使用すると、要素の正確な定義を追跡できます。 CSS セレクターを使用すると、ID、クラス、タイプ、属性、属性値などの特性に基づいて HTML 構造内の要素を識別できます。

注：WalkMeで追跡イベントを定義する前に、CSSの作成と使用に関する基本的な理解を持っていることをお勧めします。

CSSの使用/構築/作成方法：

要素を右クリックして［Inspect Element（要素の検査）］を選択し、HTMLで要素を見つけます。その要素が画面と開発者パネルで強調表示されます。 CSS セレクターを作成するために、要素固有の特性 (場所、クラス、ID、追加属性など) を特定します。
特定したら、CSS セレクターを作成します。以下は現在サポートされている CSS のサブセットです。
- Id：ハッシュセレクターは、id属性に基づいてエレメントを具体的に定義するために使用されます。
  - 構文：#IdName
- クラス：ドットを使用して、クラス属性に基づいてエレメントを特定します。
  - 構文：.className
- [attribute='value']：属性セレクターは、HTML属性のいずれかに基づいてエレメントを具体的に定義するために使用されます。
  
  デフォルトではクラスおよび ID 属性が収集されています。 HTML属性を追加収集するには、「環境設定→収納有効化セクションでこれを有効にする必要があります」。
  - 構文：
    - 等しい：[attribute=a]
      コンテナ：[attribute*=b]
      aで始まる要素: [attribute^=a]
      Ends with: [attribute$=c]
- タグ名; 構文：名前
- スペース – エレメント階層：スペースは、エレメント間の階層を定義するために使用されます。例：.className .className
- 上記の組み合わせ
  - Synax 例：#idName。 className. className

CSSセレクターのテスト：

追跡イベントを定義すると、インサイトは定義にマッチするデータがすでに存在しているかどうかを示すメッセージを表示します。その定義に対してイベントがすでにキャプチャされているかどうかを確認できます。
ウェブサイトでイベントをシミュレートし、リアルタイムで追跡されたことを確認できます。
Sessions Playbackが有効になっている場合、イベントが表示されるセッションを簡単に見ることができます。

ベストプラクティスと制限：

一部のプラットフォームでは、生成された（ダイナミック）属性があります。これらの属性を使用してトラッキングイベントを作成することは推奨されません。（対象：Salesforce Lightning、Workday. （Workdayでは、「data-automation-id」という属性が使用される可能性があります）
シングルページアプリケーション：ページビュータイプのイベントが見逃される可能性があります。
iframes：
- クロスドメインiframe：iframeとその親ページの両方でWalkMeが読み込まれる場合、それぞれでUBTは有効になります。そのため、iframeの外のクラスはiframe内のイベントでは登録されません。
- iframe内のエレメントに対してトラッキングイベントを有効にするには、FF：insightsCaptureAllContextsを追加します。
長いクラスとIDを回避しながら、追跡イベントを定義します
- 長いクラス（35文字以上）と長いID（40文字以上）は収集されません
- 注：これは個々のクラスにのみ適用され、複数のクラスには適用されません
- 例：[class='btn btn_otherclass button_enable_specific_button superlongclassthatissupposedtobethislongtoreachthelimit]
- クラス「btn btn_otherclass button_enable_specific_button」は収集されますが、クラス「superlongclassthatissupposedtobethislongtoreachthelimit」は収集されません

サポートされているCSS構文：

クラス名: `.className`
ids：`#id`
タグ名： `div`
要素階層: `.className #id`
[attribute='value']
以前の例の組み合わせ：`div.class1.class2 #someId[attributeName=value]

内容

選択したシステム内で作成されたWalkMeアイテム。

コンテンツタイプを選択します（例：ランチャー、シャウトアウト）
アイテムドロップダウンから、そのコンテンツタイプ内の特定のWalkMeアイテムを選択します。
アクションドロップダウンからアクションを選択します。
- クリック/タップ：ユーザーがWalkMeアイテムをクリック/タップしました
- 入力：ユーザーがWalkMeアイテムフィールドにテキストを入力します。
作成をクリック

ページ

ユーザー訪問をトラッキングする特定のウェブページ。

条件ビルダーを使用して、データが有効であるとみなすルールを定義します
1. 以下のオプションから条件を選択します:
  1. URL：特定のウェブページのアドレス
  2. パス：ページが保存されているウェブサイトのサーバー内のファイルまたはディレクトリの場所
  3. ハッシュ：フラグメント識別子とも呼ばれ、リンクされているページ内の特定のセクションを指します。
  4. ドメイン：ウェブサイトを識別するURLのメイン部分
  5. クエリ：URLで疑問マークの後に表示されるテキスト
値を選択または入力します
プラスアイコンをクリックして、追加の条件を追加します。
WalkMeは定義をDXAデータベースと比較し、一致するデータ定義があるかどうかを判断します。
作成をクリック

注

ページデータタイプを使用するには、ページコレクションを有効にする必要があります。これは、インサイトクラシックの設定で実行できます。

キャプチャでトラッキングイベントを作成します。

イベントページでイベントを作成をクリックします
イベントタイプとして追跡イベントを選択します
キャプチャで作成を選択します
システムを選択します
URLの宛先を入力します。
[Start Capture（キャプチャスタート）]をクリックします。

注

キャプチャを開始するには、WalkMeエディタが開いている必要があります。
追跡する要素をキャプチャする
イベント名を入力します
［Done（完了）］をクリックします。
新しいイベントは、コンソールのイベントページの管理タブにあるイベントリストに追加されます。

技術的なノート

前提条件

DeepUIはエンゲージされたエレメントを使用する必要があります
クリック済み/入力済み/クリックと入力トラッキングイベントを遡って使用するには、フルDXAが必要です。
- フルDXAを持たないユーザーは、データ収集を開始するためにクリック/入力のトラッキングイベントを設定する必要があります。そのため、フルDXAを持たないユーザーにはエンゲージメントエレメントの使用を推奨します。
そのシステムに基づいたイベントを表示するには、ユーザーがそのシステムにアクセスできる必要があります
ページ追跡を使用するには、ページコレクションを有効にする必要があります
追跡イベントをキャプチャするには、ユーザーはエディターの最新バージョンを使用する必要があります

制限

「Contains」演算子は、ユーザー名と統合プロパティのフィルターでのみ使用できます
- 「コンテナ」演算子を使用すると、読み込み時間が長くなり、大きなデータセットで失敗する可能性が増加します。絶対に必要な場合のみ使用します
統合フィルターは、統合と同じシステムを持つイベントでのみ使用できます
トラッキングイベントを手動で設定する場合、ユーザーはORまたはAND演算子のいずれか一方のみ使用でき、両方を同時に使用することはできません。

サポート

本番環境のみサポートされています
Workstationシステムとデータはサポートされていません
Mobile Webデータはサポートされていません
アクションボット、クイズ、TeachMeはサポートされていません
インサイトはChromeを公式にのみサポートしています
- 他のブラウザでも動作しますが、バグが発生する可能性があります
トラッキングイベントを設定する際、現在is equals演算子のみをサポートしています。
- [Contains]、[Does not contain]、[is greater than]、[is less than]、[is in List]、[is not in List]などはサポートされなくなりました。
- これらの旧演算子を使用した既存のイベントは、視覚化でサポートされますが、編集することはできません。
  - ただし、トラッキングイベントのページ設定ではワイルドカードをサポートしています。例：console.com/insights/*

Was this article helpful?

Yes No

Yes

Thanks for your feedback!