10

マルチステップの写真管理「ウィザード」を表示する単一ページの Web アプリがあり、タブ ストリップを介していくつかの個別のステップ (写真のアップロード、スタイリング、注釈、公開) に分割されています。ステップを切り替えるときに、URLハッシュを#publishing-step（またはアクティブ化されたステップに）設定しました。

ウィザードのさまざまな個別のステップで実行するように Optimizely テストをセットアップするにはどうすればよいですか?

ブラウザーはページを離れることがないため、単一のwindow.loadイベントのみを取得します。display: noneその DOM は破棄または再生成されませんが、またはを介し​​て一度に表示されるページ要素を切り替えるだけblockです。そのため、私が把握しようとしている部分は、ほとんどの場合、Optimizely テスト セットアップ自体をどのように行うかについてです。すべての編集が一度に適用されれば問題ありません (そしておそらく必要です)。

残念ながら、これはIE9で動作する必要があるhistory.pushStateため、各ステップでかなり個別のURLを取得するために使用することはできません.

4

2 に答える 2

3

実際にはいくつかの方法があります。どのオプションを選択するかは、何が最も簡単か、またデータをどのように分析するかによって大きく異なります。

Optimizely の分析ダッシュボードを使用する場合:

1 つの実験を作成することをお勧めします。この実験は、さまざまなタイミングで他の実験を多数アクティブにします。アクティベーション実験はすべての人を対象とし、ウィザードにアクセスするとすぐに実行されます。他の実験は、手動でアクティブ化して設定し、この実験によってトリガーされます。

活性化実験には、次のようなコードがあります。

window.optimizely = window.optimizely || [];

function hashChanged() {
  if(location.hash === 'publishing-step') {
    window.optimizely.push(['activate', 0000000000]);
  }
  if(location.hash === 'checkout-step') {
    window.optimizely.push(['activate', 1111111111]);
  }
}

window.addEventListener('hashchange', hashChanged, false);

または、 window.optimizely.push(['activate', xxxxxxxxx]); を呼び出すこともできます。アクティベーション実験を作成してハッシュ変更をリッスンする代わりに、サイトのコードから直接。

Google アナリティクスなどのサードパーティの分析ツールを使用する場合:

上記と同様のコードを使用して、これを 1 つの実験ですべて実行できますが、実験をアクティブにする代わりに、各「if」セクションで、ウィザードに変更を加え、特別な追跡情報を後で分析スイートに送信するバリエーション コードを実行できます。報告。この方法では独自の統計的有意性の計算を行う必要があります(Optimizely のデータは「クリーン」ではないため) が、適切に構成されている場合、この方法は実際には通常よりうまく機能します。

または、上記の方法を使用することもできますが、実験でカスタム イベントを作成し、次のような呼び出しを使用してデータを送信することにより、Optimizely 分析ダッシュボードを使用してみてください。window.optimizely.push(["trackEvent", "eventName"]);

この記事も役に立つかもしれません。

于 2016-01-18T22:36:26.797 に答える
1

おそらく、Optimizely の JS API を使用してアクションをトリガーし、ユーザーが何をしたかを自分で伝える必要があります: https://www.optimizely.com/docs/api

于 2013-08-01T21:41:39.743 に答える