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