オプティマイズリー導入支援のスプリットエンジン

独自のカスタムイベントを目標にしたい

ここではjQueryを使用し、#contactButton 要素の上をマウスオーバーしたかどうかを目標に設定する場合の例を記載します。

  1. 実験ページの</body>閉じタグ直前に以下のJavaScriptを記載します。
    (ページにjQuery version 1.7以上が読み込まれている必要があります。)

    <script type="text/javascript">
                // Objectをset
                window['optimizely'] = window['optimizely'] || [];
                // hover時にoptimizelyにtrackEventを送る
                $('#contactButton').on('mouseenter', function() {     
                 window.optimizely.push(['trackEvent', 'onMouseOverContactButton']); 
                });
                <script>
  2. Optimizely編集画面の目標の設定 > 目標の追加 > 新しい目標の作成 > 目標の作成内にある追跡対象カスタムイベントに変更し、追跡カスタムイベントonMouseOverContactButtonに設定します。

以上の設定でマウスオーバーしたかどうかを目標に実験を行う事ができます。

参考: Optimizely Learning Center(英語)