「A/Bテストの新規作成」から[保存してテストパターンを作成する]ボタンをクリックするとA/Bテストの編集画面に移動します。
テストパターンの編集について詳しくは「テストパターンのページ上の要素を編集する」をご確認ください。
作成したテストの編集画面に移動するときは「A/Bテスト一覧」画面で、編集したいテストの右端の[編集]ボタンをクリックします。
「A/Bテストの編集」画面
テストパターンがひとつもない状態
| ①[A/Bテスト一覧] | 「A/Bテスト一覧」画面に移動します。 | |
| ② テスト名 | このテストの名前 「テスト設定」画面で変更できます。詳しくは「テスト名を変更する」をご確認ください。 |
|
| ③ 背景の日付 | テストパターンのプレビューに表示している背景のページの日付が表示されています。 現在公開中のページを表示している場合は「リアルタイム」と表示されます。 |
|
| ④[ページの表示設定] | 編集ページの表示設定を変更できます。詳しくは「ページの表示を設定する」をご確認ください。 | |
| ⑤[テスト設定] | テストの基本情報や実施の条件を設定します。 詳しくは「A/Bテストの設定を変更する」をご確認ください。 |
|
| ⑥[テストを実施] |
テストを実施します。
|
|
| ⑦[新規パターン] | 新規テストパターンを作成します。 詳しくは「新規テストパターンを作成する:新規書き換えパターン」、「新規テストパターンを作成する:新規リダイレクトパターン」をご確認ください。 |
|
| ⑧ ページの横幅 | 実際のウインドウサイズに表示されるページの横幅のピクセル数 | |
| ⑨[ページの表示サイズ] | ページの表示サイズを調整します。 詳しくは「ページの表示サイズ(倍率・横幅)を調整する」をご確認ください。 |
|
| ⑩ 固定ウィジェット使用数 | 使用している固定ウィジェットの数が表示されています。 | |
| ⑪[ページの横幅] | 実際のウインドウサイズに表示されるページの横幅のピクセル数を選択します。 詳しくは「ページの表示サイズ(倍率・横幅)を調整する」をご確認ください。 |
|
| ⑫ ページのプレビュー | テストパターンがひとつもない状態では、オリジナルのページのプレビューを表示します。 |
テストパターンを作成して、ページ上の要素を選択していない状態
下記表に記載のないものは「テストパターンがひとつもない状態」をご確認ください。
| ①[プレビュー] |
選択中のテストパターンを別のタブで表示します。
|
|
| ②[オリジナル] | オリジナルのページをプレビューに表示します。 | |
| ③[選択するパターンの切り替え] | 作成したテストパターンをメニューから選択します。 | |
| ④[パターン] | 作成したテストパターンがタブ形式で並びます。 選択したタブのテストパターンをプレビューに表示します。 |
|
| ⑤[パターンの設定] | テストパターンのパターン名を変更したり、パターンを複製/削除します。 詳しくは「パターン名を変更する」、「パターンを複製する」、「パターンを削除する」をご確認ください。 |
|
| ⑥[ |
テストパターンのタブを左に送る | |
| ⑦[ |
テストパターンのタブを右に送る | |
| ⑧[元に戻す] | 一回クリックすると、ページ上の要素の変更を一つ前の状態に戻します。 | |
| ⑨[やり直す] | 一回クリックすると、ページ上の要素の変更を一つやり直します。 | |
| ⑩[変更履歴] | 変更した要素の変更内容を履歴の一覧から確認します。 変更した要素を直接選択したり、変更内容を削除できます。 詳しくは「変更履歴を確認する」をご確認ください。 |
|
| ⑪ 変更した件数 | 選択中のテストパターンで要素を変更した件数 | |
| ⑫[ページを直接操作] | 選択中のテストパターンのページ上の要素を直接操作します。 マウスホバーやマウスクリックで出現する要素を変更できます。 詳しくは「ページを直接操作する」をご確認ください。 |
|
| ⑬[固定ウィジェットを挿入] | 「ポップアップ」「通知バー」「固定通知CTA」のウィジェットを挿入します。 | |
| ⑭[JavaScriptを追加・編集] | テストパターン上で動作する任意の JavaScript を追加・編集します。 詳しくは「テストパターン上で動作する JavaScript を追加・編集する」をご確認ください。 |
|
| ⑮ ページのプレビュー | 選択しているテストパターンのページのプレビューです。 |
テストパターンを作成して、ページ上の要素を選択している状態
下記表に記載のないものは「テストパターンがひとつもない状態」「テストパターンを作成して、ページ上の要素を選択していない状態」をご確認ください。
| ①[セレクタから指定] | 選択したい要素セレクタの検索ができます。 |
| ②[選択中の要素] | 現在選択中の要素を表示します。選択したセレクタの上位要素・下位要素への切り替えができます。 |
| ③ ページのプレビュー | 選択しているテストパターンのページのプレビューです。 要素が選択された状態です。 |
| ④[ |
「選択中の要素の編集」メニューの表示を最小化します。 |
| ⑤[ |
「選択中の要素の編集」メニューを消して、要素の選択を解除します。 |
| ⑥ 「選択中の要素の編集」メニュー |
選択中の要素を編集する項目のメニュー
要素を編集した項目には[編集済]アイコンを表示します。 |