コンバージョンタグやユーザータグで計測できない下記のようなイベントは、任意のカスタムイベントとしてトラッキングできます。
以下のようなサイト上でのイベントを計測したいという場合にはカスタムイベントの設置を推奨します。

カスタムイベントは、計測タグ読み込み後tracker.track(“イベント名”); という形式で呼び出せます。データはユーザータグ、コンバージョンタグと同様に任意のデータを送信することが可能です。

※!!イベント!!名には日本語を使用しないでください。
※!!イベント!!名には半角小文字英字(a-z)、半角数字(0-9)と’_’が使用できます。

以下が、カスタムイベントタグの設置例です。

例1 : ユーザーの新規会員登録の計測

例として「ユーザーが新規会員登録した」というイベントを計測したい場合は、以下の様なカスタムイベントを作成することで計測が可能です。

<script type="text/javascript">
try{
  tracker.track("signup");
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

上記の例ではsignupというイベントを定義していますが、KARTE管理画面上ではカスタムイベントで設定したイベント名が表示されます。サイト上のイベントを区別しやすいイベント名を設定してください。

例2 : 資料請求や申し込みの計測

例として資料請求のイベントを計測したい場合は、下記のようなカスタムイベントを作成することで計測が可能です。

<script type="text/javascript">
try{
  tracker.track("request");
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

またキャンペーンへの申し込みなどを計測したいといった場合では、「申し込まれたキャンペーンのIDも計測したい」という場合が想定されます。
その場合には以下の様なカスタムイベントを作成することで、カスタムイベント発生時の属性としてIDを計測することも可能です。

<script type="text/javascript">
try{
  tracker.track("register",{
    id: "12345"
  });
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

上記の例ではregisterというイベントでキャンペーンへの申し込みを定義し、その属性としてidにキャンペーンIDを付与しています。
パラメータは自由に追加可能ですが、タグで使用できないパラメータは追加できません。

例3 : ユーザーの会員ランク変更の計測

例として「ユーザーの会員ランクがゴールドに昇格した」というイベントを計測したい場合は、以下の様なカスタムイベントを作成することで計測が可能です。

<script type="text/javascript">
try{
  tracker.track("rank", { // rankというイベントを定義
    plan: "gold" //「planパラメータがgoldである」というイベント内容
  });
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

上記の例ではrankというイベントを定義していますが、KARTE管理画面上ではカスタムイベントで設定したイベント名が表示されます。サイト上のイベントを区別しやすいイベント名を設定してください。

同様にplan, goldという名称もKARTE管理画面上で表示される名称ですので、イベント内で区別しやすい名称を設定してください。
また「ユーザーの会員ランクがシルバーに降格した」というイベントも、上記の例と同様にrankというカスタムイベントとして計測できます。

<script type="text/javascript">
try{
  tracker.track("rank", {
    plan: "silver"
  });
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

例ではrankというカスタムイベントのplanとしてgold, silverという文字列を送信していますが、文字列だけではなく数値や日付、true/falseの真理値という形式でイベントを計測することもできます。

例4:セレクトボックスがクリックされたことをイベントとして送信する

通常、KARTEでイベントを計測する場合は、URL遷移(ページの移動)が必要です。しかし、URL遷移のないクリックなどを計測することも可能です。また、その際計測されたイベントを配信のトリガとすることも可能です。

<html>
<head>
{{計測タグ}}
</head>
<body>
<div class="example-box">
<select id="pulldown-menu">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>
</div>
<script type="text/javascript">
( function(){
  var pulldownMenu = document.getElementById('pulldown-menu');
  pulldownMenu.addEventListener('change',function(){
    try{
      tracker.track("onChange", {
        selected: this.selectedIndex
      });
    }catch(e){
      if('tracker' in window){
        tracker.track('_error',{ message: e.message });
      }else{
        console.warn('tracker was not loaded');
      }
    }
  },false);
})();
</script>
</body>
</html>

この場合、セレクトボックスが選択された際に”onChange”というカスタムイベントがKARTEに送信されます。
選択された選択肢のインデックス(A=0,B=1…)が”selected”のパラメータとして送信されます。

例5:特定のフォームにフォーカスが当たった時にイベントを発生させる

申し込みフォームや、ユーザー登録フォームなど、特定のフォームにフォーカス(入力待機状態)になった時にイベントを発生させる例は以下のとおりです。

<script type="text/javascript">
( function(){
  // 要素を取得
  var inputElement = document.getElementById("target element id");

  // 処理を定義
  var action = function(){
    try{
      tracker.track("onFocus", {
        selected: this.selectedIndex
      });
    }catch(e){
      if('tracker' in window){
        tracker.track('_error',{ message: e.message });
      }else{
        console.warn('tracker was not loaded');
      }
    }
  }

  // イベントを設定
  inputElement.addEventListener("focus", action) ;

})();
</script>

例6:カスタムイベントで購入情報を送る

通常購入情報の場合はコンバージョンタグを利用しますが、コンバージョンタグを設置できない場合カスタムイベントを利用して、購入情報を送ることも可能です。

コンバージョンタグで記載した場合

<script type="text/javascript">
tracker.buy({
  transaction_id: "001"
})
</script>

カスタムイベントタグで記載した場合

<script type="text/javascript">
try{
  tracker.track("buy", {
    transaction_id: "001"
  });
}catch(e){
  if('tracker' in window){
    tracker.track('_error',{ message: e.message });
  }else{
    console.warn('tracker was not loaded');
  }
}
</script>

注意事項

  • KARTEの仕様上、同一の接客サービスが1つのページで複数回配信されることはありません。
  • カスタムイベント以外の条件(パスが/に一致 等)を追加することはできません。
  • 条件を追加指定したい場合はセグメントをご利用ください。
  • カスタムイベントでのパラメーターを使用したルールは複数追加可能です。