メインコンテンツへスキップ
A/B テストと多変量テストの違いに関する詳細は、私たちのアカデミーの こちらのビデオ をご覧ください。

多変量テストとは

クラシックな A/B テストがページの 2 つのバージョンを比較するのに対し、多変量テスト(MVT)は複数のページ要素の複数のバリエーションを同時にテストして、コンバージョンを最大化する最適な組み合わせを判断できます。たとえば、MVT は 6 つの異なる CTA ボタンのパフォーマンスを評価できます。
例では、3 色(青、赤、オレンジ)と 2 つの文言(ShopAdd to cart)があります。 MVT を使用して、6 つの可能な組み合わせをテストし比較できます。

MVT 用語集

  • 多変量テスト: 多変量テストは、複数の要素の 1 つまたは複数の組み合わせのコンバージョンをテストします。
  • セクション: セクションは、ある要素の複数のバリエーションのグループです。
  • バリエーション: バリエーションは、特定の要素に対して提案される変更です。MVT には、セクションにまとめられた複数のバリエーションを含めることができます。
  • 組み合わせ: 組み合わせは、公開された訪問者に表示される、異なるセクションからの複数のバリエーションの集合です。

新しい多変量テストの作成

  1. New experiment > In the graphic editor をクリックします。
  2. Experiment type ドロップダウンから Graphic MVT を選択します。
  3. 必要な情報を入力し、Continue をクリックします。

MVT セクションとバリエーションの設定

複数のバリエーションで 1 つのセクションが構成されます。
ここでは、CTA の色と文言をテストしています。3 色(青、赤、オレンジ)と 2 つの文言(ShopAdd to cart)があります。 最初のセクション(Section A、これを Color と呼びます)を色用に作成でき、リファレンスバージョンと、red および orange のバリエーションを含めます。
同時に、CTA の文言をテストし、ShopAdd to cart を比較したいと考えています。2 番目のセクション(Section B、これを Wording と呼びます)を作成でき、リファレンスバージョンと Shop および Add to cart のバリエーションを含めます。
Create をクリックします。Graphic エディタの MVT バージョンが開きます。

MVT エディタ

A/B 実験と同じ方法でバリエーションのコンテンツを作成できます。ただし、MVT エディタは少し異なります。

セクション

左パネルでセクションをクリックして選択します。 ここで利用できるオプションは複数あります。
  • セクションを複製するには、複製アイコン をクリックします。
  • 三点リーダーメニュー をクリックして:
    • セクションの名前を変更する。
    • セクションを削除する。
MVT 実験には少なくとも 2 つのセクションが必要です。

バリエーション

選択したセクションのバリエーションが左パネルに表示されます。複数のオプションを利用できます。
  • 複製アイコン をクリックしてバリエーションを複製します。
  • 三点リーダーメニュー をクリックして:
    • バリエーションの名前を変更する。
    • バリエーションにカスタムコード(JS または CSS)を追加する。
    • 新しいタブでバリエーションをプレビューする。
    • ページ上の単語を検索および置換する。
    • バリエーションを削除する。
セクションに関連付けられたすべてのバリエーションを削除すると、セクション自体が削除されます。
ページ内で 2 つを超える要素を変更しないこと(つまり、最大 2 つのセクション)、要素ごとに 3 〜 4 つのバリエーションをお勧めします。なぜ? MVT では、セクションのバリエーションが組み合わせて最良の組み合わせを見つけます。より多くのセクションを作成するほど、有用で信頼できる結果を得るためにより多くのトラフィックが必要になります。このテーマの詳細については、統計的有意性 に関する記事を参照してください。
Kameleoon は、フル完全要因設計を使用して、特定の実験用に設計した各バリエーションからすべての可能な組み合わせを自動的に作成し、すべての可能な組み合わせが同時にテストされることを保証します。

トラフィック割り当て

MVT 実験のトラフィック割り当ての詳細については、私たちのアカデミーの こちらのビデオ をご覧ください。 バリエーションを作成したら、実験を確定する必要があります。実験は クラシックな A/B 実験 と同じ方法で確定できます。唯一の違いは、実験のトラフィック分配です。

実験のトラフィック割り当て

実験のトラフィック割り当てを管理するには、Exclude a percentage of the exposed visitors の横にあるスライダーをクリックしてドラッグし、目的のパーセンテージに設定します。

公開された訪問者のトラフィック割り当て

トラフィックは、セクションまたは組み合わせに基づいて分配できます。

セクションごとのトラフィック分配

Sections をクリックしてセクションごとにトラフィックを分配します。バリエーションを実験に含めるには、その横のチェックボックスをオンにします。バリエーションのトラフィック割り当てを編集するには:
  • バリエーションのスライダーをクリックしてドラッグし、トラフィックを調整します。
または
  • テキストフィールドに手動でパーセンテージを入力します。
鍵アイコン をクリックすると、バリエーションのトラフィック割り当ての調整を防止できます。鍵アイコン をもう一度クリックすると、追加の変更を行えます。
以下の例では、公開された訪問者の 30% が赤い CTA を見て、40% がオレンジ色の CTA を見ることになります。
均等に割り当てる
Allocate equally をクリックすると、バリエーション間でトラフィックが均等に分配されます。Allocate equally をクリックすると変更が元に戻ります。

組み合わせごとのトラフィック分配

Combinations をクリックして、作成した組み合わせに基づいてトラフィックを分配します。 CTA の色 文言をテストしたいとします。2 つのセクション、A(色)と B(文言)があります。
Section A: COLORSection B: WORDING
Variation A0: OriginalVariation B0: Original
Variation A1: RedVariation B1: Add to cart
Variation A2: Orange
生成された組み合わせには次の名前が付けられます。
  • A0B0 Original / Original
  • A0B1 Original / Add to cart
  • A1B0 Red / Original
  • A1B1 Red / Add to cart
  • A2B0 Orange / Original
  • A2B1 Orange / Add to cart
Combinations タブで組み合わせを除外できます。たとえば、背景色とテキストの色の両方を変更した MVT で、背景色とテキストの色が同じ組み合わせを除外できます。
組み合わせに割り当てられたトラフィックを編集する
組み合わせを実験に含めるには、その横のチェックボックスをオンにします。バリエーションのトラフィック割り当てを編集するには:
  • 組み合わせのスライダーをクリックしてドラッグし、トラフィックを調整します。
または
  • テキストフィールドに手動でパーセンテージを入力します。
鍵アイコン をクリックすると、組み合わせのトラフィック割り当ての調整を防止できます。鍵アイコン をもう一度クリックすると、追加の変更を行えます。
均等に割り当てる
Allocate equally をクリックすると、バリエーション間でトラフィックが均等に分配されます。Allocate equally をクリックすると変更が元に戻ります。
デフォルトでは、Sections タブが選択されています。タブは独立しています(一方の分配を編集してももう一方には影響しません)。Launch をクリックしたときに選択されているタブが、トラフィック分配で考慮されます。

シミュレーション、起動、分析

バリエーションを作成してトラフィックを分配したら、シミュレーション、起動、分析は A/B 実験と同じです。

MVT のシミュレーション

公開前に実験をシミュレートすることをお勧めします。
シミュレーションパネルは実験の組み合わせを生成します。Currently displayed in simulation をクリックして、選択した組み合わせの表示を確認します。 シミュレーションの詳細については、専用記事 を参照してください。

MVT の起動

すべてが正しく表示され、ターゲティング、ゴール、レポートツールがセットアップされていれば、起動の準備ができています。Launch をクリックします。

結果

レポートツールとして Kameleoon を選択した場合、MVT の結果は A/B 実験の Results ページに転送されます。各組み合わせは(クラシックな A/B 実験で定義されているように)バリエーションとして考慮されます。
A/B 実験を起動してからウェブサイトに表示されるまでに、短い遅延(最大 10 分)が発生する可能性があります。実験がすぐに表示されなくても心配しないでください。