【STEP3】テストを実施する前に
キャンペーンを作成し、VWOタグを設置した後、テストを実施する前に行うべきことが3つあります。
VWOタグの確認
プレビューの確認
ゴールの発火確認
VWOタグの確認
まず、VWOタグが正しく設置されているか、テストを実施する前に確認しましょう。
VWO右側の歯車マークをクリックし、設定の画面に進みます。
SmartCodeタブをクリックします。
ページ下部に「SmartCode Checker」という機能があります。
タグ設置確認を行いたいページのURLを入力し、「チェック」ボタンをクリックすると、そのページに正しくタグが設置されているかどうかを確認することができます。
プレビューの確認
VWOタグが正しく設置されていることが確認できたら、次はキャンペーンから設定した内容が正しく反映されているか、プレビューで確認します。
プレビューするキャンペーンを テスト一覧から選択します。
キャンペーン名の下に表示されるメニューバーから、プレビュー を選択し表示します。表示したいバリエーションとURL確認し、青色の Preview in a new tab ボタンをクリックします。
プレビュー画面の右下に表示される プレビューデバッガー(プレビューウィンドウの右下隅に黒いバー付きで表示される領域)から 表示するバリエーションの切り替えができます。
スマートフォンなどの実機デバイスでどの様に表示されるか確認するには、プレビューリンクを発行します。プレビューデバッガーのリンクボタンをクリックし、表示されたプレビューリンク(URL もしくはQRコード)にデバイスからアクセスします。
ゴールの発火確認
プレビュー画面で見た目の確認が出来たら、次はゴールが正しく設定されているか確認しましょう。ゴールの発火確認はプレビュー画面でも行えます。各ブラウザ のデベロッパーツールを使ったゴールの発火確認方法をご案内します。
プレビュー画面のままデベロッパーツールを起動
プレビュー画面を開いたまま、先ほどと同じ手順でデベロッパーツールを起動します。
メニューバー右上のホームボタン ⇒ その他のツール ⇒ デベロッパー ツール をクリック
ショートカットキー【Ctrl+Shift+I(Macでは Control + Option + I)】もしくは【F12】を押下
ページを右クリックして 検証 をクリック
Applicationタブから発火されたゴールクッキーを確認
表示された画面上のメニューバーから Application タブを開きます。
左のCookieメニューから当てはまるドメイン名を選択します。
各ゴールを踏みます。
中央右のクッキーテーブルに計測されたゴールのクッキーが表示されます。
ゴールクッキーの形は下記になります。
debug_vis_opt_exp_キャンペーンのID_goal_ゴールのID
例えば、キャンペーンID100でゴール1が計測された場合は、下記のクッキーが追加されます。
debug_vis_opt_exp_100_goal_1
プレビュー画面でのゴールクッキーはテストが走っている時のゴールクッキーと形が異なります。複数のキャンペーンを同時に走らせている場合は、キャンペーンIDにご注意ください。
ゴールのクッキーが見当たらない場合
クッキーが付与されるまで数秒かかることがありますが、ゴールを踏んで追加されない場合はページをリフレッシュしてください。
リフレッシュしても表示されない場合は、ゴール設定が間違えている可能性がありますので、ゴール設定の再確認をお願いします。
テスト前の確認完了、次のステップへ
VWOタグの確認、プレビューの確認、ゴール発火確認が終了し、キャンペーンを開始できる状態になりました。
施策の内容によっては、ここで念のため本番環境での見た目と挙動の確認を行います。
確認が完了したら、実際にキャンペーンをスタートさせましょう。