コンテキストイベントは、ユーザーの行動から「今どんな状態か」を読み取り、自動でイベントを発生させる機能です。
機能の概要はコンテキストイベント（β版）を参照してください。

本記事では、クリック系コンテキストイベントの設定方法を説明します。
各イベントの仕様についてはコンテキストイベント（β版） 各イベントの設定方法と仕様を参照してください。

ご注意ください
  • 本機能はWebのみ対応しています。Appでは利用できません。
  • SPAサイトでは正常に動作しません。 「SPAサイトとは何か？」については、SPAサイトにおける特別な計測タグ設置手順について を参照してください。
  • 本機能はβ版です。今後、仕様が大幅に変わったり、提供を終了する可能性があります。終了する場合はあらかじめアナウンスしますが、ご注意ください。

クリック系イベントの概要

以下のクリック系コンテキストイベントは、設定方法と動作がすべて共通です。

  • アイテムクリック

  • レコメンドアイテムクリック

  • ランキングクリック

  • お気に入りに追加

  • カートに入れる

  • アイテム情報をチェック

イベントの種類を使い分けることで、以下の効果があります。

  • ストーリー画面でユーザーの行動を種類別に把握できる

  • レポートでどの行動がコンバージョンにつながりやすいか可視化できる

補足

リンククリックによりサイト外（KARTEの計測タグ未設置のページ）へ遷移する場合、クリックイベントの発生は次回来訪時になります。 サイト外への遷移の計測はサポートしていません。

イベント発生条件の設定

クリックを計測する要素の指定方法です。この設定は必須です。

「ラベル名で取得」と「CSSセレクターで取得」の2つの指定方法があります。

ラベル名で取得

ボタンやリンクの要素を、ラベル名（ボタン上の文字、リンク上の文字）で指定します。

たとえば「カゴに入れる」ボタンがある場合は、「カゴに入れる」と入力します。


補足

サイトの文字コードがUTF-8でない場合、「ラベル名で取得」は利用できません。「CSSセレクターで取得」を使用してください。

CSSセレクターで取得

ボタンやリンクの要素を、CSSセレクターで指定します。

計測したい要素の親要素や子要素を指定しても計測できます。以下の例では、aタグのクリックを計測したい場合に、親のdiv要素や子のimg要素を指定しても動作します。

  • 親要素（div1、div2）を指定した場合：実際にクリックした要素のリンクURLを取得できます

  • 子要素（img）を指定した場合：親のaタグのリンクURLを取得できます

リンクのURL条件（オプション）

クリックした要素のリンクURLについて、正規表現で条件を指定できます。

イベント発生条件と両方指定した場合は、AND条件としてイベントの発生が絞り込まれます。

用途

  • 指定した要素内に計測したくない要素やリンクが含まれる場合

  • 明示的にアイテムのリンクのみに限定したい場合

ご注意ください

リンクのURL条件を指定した場合、クリックした要素の親子にaタグがありリンクで遷移するときのみイベントが発生します。指定しない場合は、aタグ以外の要素でもイベントが発生します。

設定のテスト

設定を保存すると、テストコードが表示されます。

テストコードをブラウザのDevToolsで実行すると、設定した条件でページ上のどの要素が計測対象になるかを確認できます。

テスト結果の確認ポイント

テスト結果で以下の項目を確認してください。

確認項目確認内容
対象となる要素指定した要素が画面上に存在するか。意図しない要素が含まれていないか
対象となるリンクURL「リンクのURL条件」を指定した場合に表示される。条件に該当するURLに過不足がないか

テストコードの実行手順（Chrome DevTools）

  1. 動作を確認したいページをChromeで開く

  2. DevToolsを起動し、Consoleタブを開く

  3. テストコードをコピーしてConsoleに貼り付ける

  4. 結果がConsoleに表示される

リンク先のアイテムID取得

クリックイベントの設定に加えて「リンク先のアイテムID取得」を設定すると、リンクURLからアイテムIDを取得してイベントデータに付与できます。
どのアイテムがクリックされたかをレポートで集計できるようになります。

設定はコンテキストイベント設定画面の左メニューから クローリング > リンク先のアイテムID取得 を選択して追加します。

以下の2つの方法で設定できます。

URLのクエリキーから取得

アイテムIDがクエリ文字列に含まれている場合に使用します。

例：URLが http://www.example.com/detail?product_id=xxx の場合、「product_id」を指定すると「xxx」をアイテムIDとして取得します。

URLから正規表現で取得

アイテムIDがURLパスに含まれている場合に使用します。

例：URLが http://www.example.com/detail/xxx の場合、detail/([A-z0-9]+) を指定すると「xxx」をアイテムIDとして取得します。