作成したシナリオがWebサイト上でどのように表示されるかは、シナリオを公開する前にプレビューで確認できます。「Sprocketプレビューツール」を表示する方法はいくつかあります。
目次
Sprocketプレビューツールの起動方法
プレビューを表示する方法は4つあります。いずれの方法でも、表示されるプレビューは同じものです。
[プレビュー確認用URL]で指定したページが使われる
プレビュー時に使われるのが「シナリオの基本設定を行う」で設定した[プレビュー確認用URL]です。このURLはあくまでプレビュー用で、実際のシナリオには影響しません。[プレビュー確認用URL]を変更すれば、同じシナリオを別のページで実施したときのイメージも確認できます。
[シナリオ編集]画面からプレビューを表示
[シナリオ編集]画面では、パターンごとにプレビューを確認して見比べられます。フェーズからパターンと順番に内容を表示して[プレビュー]をクリックします。
[ステップ編集]画面からプレビューを表示
[ステップ編集]画面でテキストや画像を設定したら、どのように見えるかをすぐに確認できます。画面中央の[表示コンテンツの編集]と、画面下部の2か所にプレビューのリンクがあります。なお、プレビューする前にステップの保存が必要です。
[KPI/KGI結果]画面からプレビューを表示
[KPI/KGI結果]画面にある[パターン名]の列からもプレビューを表示できます。結果が良かった、あるいは悪かったパターンの内容をプレビューで確認したいときに使います。
[ステップ分析]画面からプレビューを表示
[ステップ分析]画面からもプレビューを表示できます。プレビューを確認しながら、どのボタンがよくクリックされているかの内訳を確認できます。
Sprocketプレビューツールの使い方
[プレビュー]をクリックすると、以下の画面が表示されます。通常は[プレビューを確認する]をクリックしてください。
[URLをコピーする]は、プレビュー用のURLをコピーしてほかの人に送ったり、ほかのブラウザーでプレビューを確認したりするときに使います。QRコードをスマートフォンのカメラアプリで読み込むと、スマートフォンの実機でプレビューを確認することも可能です。
ブラウザーで新しいタブが開き、[Sprocketプレビューツール]画面が表示されます。画面内の数字は、これからプレビューしようとしているシナリオやフェーズ、パターンのIDです。そのまま[プレビューを開始する]をクリックします。
ポップアップのプレビューが表示されます。表示位置が適切か、メッセージがきちんと伝わるか、ボタンの動作は正常かなど、ユーザーの立場になって確認しましょう。
確認が終わったら、プレビューツール右上の[×]ボタンをクリックしてプレビューツールを終了します。
プレビューがうまく表示されないときは?
プレビューがうまく表示されないときは、よくある質問の「プレビューが表示されません」をご確認ください。