Optimizely X ヘルプ

  • 最終更新日:2017年07月20日

カスタムイベント ( 実験目標 ) の設定方法

実験目標の設定の一つとなるカスタムイベントと、その設定方法についてご案内いたします。

「目標の設定」自体についての解説は、「目標の設定方法」をご覧ください。

カスタムイベントとは?

カスタムイベントは、クリックページビューでは計測できないイベントの計測を可能とする機能です。

例えば、次のようなイベントを計測することができます。

  • マウスホバー
  • ページスクロール
  • スワイプ

計測は、下記のコードが処理されることで実行されます。

window['optimizely'] = window['optimizely'] || [];
window.optimizely.push(['trackEvent', 'イベント名']);

設定方法

設定は大きく3つの手順となります。

  1. 計測するイベントを元にした計測用の JavaScript を作成
  2. 1 で作成した JavaScript を「バリエーションコード」または「実験 JavaScript」へ設定
  3. 「目標の設定」から新しい目標を作成

1. 計測するイベントの種類を元に計測用の JavaScript を作成

計測するイベントの種類として、div 要素を対象としたホバーイベントを例とします。

まず、div 要素をマウスホバーしたときに処理が発生するソースコードを用意します。

$('div').mouseover(function() {
});

次にイベント計測用の記述を前述のコードに追加します。

$('div').mouseover(function() {
        window['optimizely'] = window['optimizely'] || [];
        window.optimizely.push(['trackEvent', 'イベント名']);
});

「イベント名」は任意のもので構いませんが、「何のイベントなのか」が解りやすい名称しておくと良いでしょう。

2. 1 で作成した JavaScript を編集画面の「バリエーションコード」または「実験 JavaScript」へ設定

作成した計測用のソースコードを「バリエーションコード」または「実験 JavaScript」に設定することで、実験時に動作するようになります。

特定のバリエーションのみで計測する場合は「バリエーションコード」、すべてのバリエーションで計測する場合は「実験 JavaScript」と使い分けることが可能です。

3. 「目標の設定」から新しい目標を作成

「目標の設定」から「新しい目標の作成」を選択します。

「追跡対象」は「カスタムイベント」を選択し、「追跡カスタムイベント名」は 2 で決めたイベント名を入力し、保存します。

これですべての設定が完了となります。

他のイベントの計測方法

他のイベントの計測方法の一例として、スワイプの計測を行うソースコードをご紹介します。

スワイプの計測を行うソースコード

var timer = false;
$('計測対象のエレメント').bind('touchmove', function() {
    if (timer !== false) {
        clearTimeout(timer);
    }
    timer = setTimeout(function() {      
      window['optimizely'] = window['optimizely'] || [];
      window.optimizely.push(['trackEvent', 'イベント名']);
    }, 200);
});

変更する部分は「計測対象のエレメント」「イベント名」の2点です。「計測対象のエレメント」には計測する部分の要素名 ( div など ) を、「イベント名」は任意のイベントの名前を記述ください。

後は前述のとおりの設定方法となります。

Optimizelyのサポートに関するお問い合わせはこちらまで

コメントは受け付けていません。

ヘルプの関連記事

Optimizely X カスタムコードの特性について(Optimizely X)
投稿日: 2017年03月29日
検証時のターゲィング設定のために – 独自Cookieを発行できるブックマークレットの作成方法
投稿日: 2017年02月22日
今すぐ使える正規表現
投稿日: 2016年10月27日
自分をテスト対象から除外する方法 オプトアウト
投稿日: 2016年10月21日
SNS ボタンのクリック目標の計測
投稿日: 2016年09月26日

ヘルプのよく読まれている記事