【STEP2】キャンペーンの作成(新UI)
VWOでは、一つ一つのテストをキャンペーンと呼びます。この記事では、ABテストのキャンペーンを作成する一連の流れを、簡単にご紹介します。
キャンペーンの新規作成
画面の見方
テスト対象URLの設定
バリエーションの作成
ゴールの設定
その他の設定
完了、次のステップへ
キャンペーンの新規作成
左ナビゲーションバーの メニュー テスト 内にある A/B メニューをクリックします。
A/B TESTS の一覧画面の右上に 作成 ボタンが表示されるので、これをクリックしましょう。
画面の見方
テスト対象URLの設定
Pagesをクリックします。
URL にテスト対象URLを入力します。
複数ページをテスト対象にしたい場合などは[URL一致]のタブをクリックして設定していきます。
詳細な設定方法は下記リンクをご確認ください。
・テスト対象URLの設定
・VWOで利用可能なURLパターン
バリエーションの作成
Variationsをクリックすると、バリエーションの作成画面が表示されます。
VWOでは、対象となる元のページをコントロール(Control)、変更を加えた後のページをバリエーション(Variation)と呼びます。1つのテストに複数のバリエーションを作成することが可能です。
バリエーションを増やしたい時は、「+Add Variation」から増やすことが出来ます。
バリエーションを作成するには、二つの方法があります。
画面を見ながらマウスで編集するビジュアルエディタと、コードで編集するコードエディタです。
「Visual editor」のタブを切り替えることで編集モードを変更できます。
ここではVWOのビジュアルエディタを使用した方法をご紹介します。
ビジュアルエディタでは画像の差し替え、移動、スタイルの変更などを、実際の画面を見ながら行うことができます。
Tips
コードエディタを使用することで、より複雑なテスト設定が可能になります。
エディタの種類を選択し、「Open」をクリックするとエディタが起動します。
ここでは、「Googleカスタム検索」の「検索」ボタンの色を、灰色からオレンジに変更してみましょう。
右下の バリエーション メニューから変更するバリエーション(Variation 1)を選択します。
要素をクリックして、表示されたビジュアルエディタのメニューから 要素変更 を選択します。
背景の色を変更したいので、STYLES のBackgroundを開き、Background colour をクリック、オレンジ色を選択した後、DONE を押します。
メトリクスの設定
コントロールとバリエーションによる効果を比較するためには、メトリクスを設定し、計測する必要があります。
ボタンのクリック数を計測するメトリクスを作成していきましょう。
(1)以下の通りにメトリクスの内容を設定します。
① メトリクスの名前
任意の名前を設定することが出来ます。例では、「お問い合わせボタンクリック」としています。
② メトリクスの定義
「イベントがトリガーされた場合」を選択してください。
③ イベントの種類
「Click」を選択してください。
④ プロパティの種類
「CSSのセレクタ」、「HTMLのid名」、「HTMLのclass名」、「HTMLのタグ名」のいずれかより設定いただけます。
⑤ 値の入力をします。例では、CSSのセレクタパスを指定しています。
⑥ (任意)今後も別のキャンペーンで同じメトリクスを使いたい場合、「Save this metric for future use」にチェックをしてください。次回以降使いまわすことが出来るので、設定の手間が省けます。
⑦ 設定が完了したら、「作成」ボタンをクリックしてください。
(2)メトリクスの設定画面の下部に追加が確認出来れば設定完了です。
Tips
メトリクスは複数設定することが可能です。また要素のクリックを追跡の他に、ページの訪問数、フォーム送信、サイト上の売上等、様々な種類のメトリクスを設定することができます。
その他の設定(任意項目)
最後に、キャンペーンのその他の設定を行います。
セグメントの設定
「Audience and Traffic」からセグメントを設定することが出来ます。
セグメントの詳細な設定方法は下記リンクをご確認ください。
・VWOセグメントギャラリー
・カスタムセグメント
配信ボリュームの設定
「Audience and Traffic」のページ下部では、このABテストキャンペーンの配信ボリュームを設定することが出来ます。
その他のオプション
「More configurations」から、更に詳細な設定を行うことが出来ます。
外部ツールとの連携
トリガー設定
スケジューリング設定
キャンペーンの手動アクティベーション
相互排他的グループの設定
プライバシーオプション
仮説設定
メモやラベルの追加
等、必要に応じてご利用ください。
※ご利用いただける機能はプランによって異なります。
キャンペーン作成完了
以上、ABテストのキャンペーン作成の流れについて簡単にご紹介しました。作成したキャンペーン設定の再編集は、該当するキャンペーンの 設定 メニューから行なうことができます。
キャンペーンの作成が完了したら、次はテストを実施する前に必要なステップについてご案内します。