このセクションでは、実際にシナリオを制作していきます。ここでは「トップページに訪れたユーザーに、期間限定のキャンペーンをポップアップで案内する」というシンプルなシナリオを例に解説します。
新規シナリオを作成する場合、ポップアップを作成してから、いつポップアップを表示するかの条件を設定します。まずはポップアップのテキストやデザインを完成させましょう。
ここではトップページでキャンペーンを案内するシンプルなポップアップを作成する
ポップアップを作成する流れ
ポップアップを作成する流れは、大きくは次のとおりです。シナリオは［シナリオ一覧］画面から追加します。
- シナリオを新規作成する
- ステップ（ポップアップ）を設定する
- プレビューを確認する
- ボタンの動作を設定する
新規シナリオでポップアップを作成する流れ
1. シナリオを新規作成する
ここでは主に画面の操作を解説していきますが、シナリオを作成するときに最も重要なのは「施策の内容を考える」ことです。シナリオの成否は「いつ、誰に、どのようなポップアップを表示するか」で決まります。
準備ができたら、実際に管理画面からシナリオを作成していきます。
自分でシナリオを考えるときは、次の表を参考にしてください。
| 要素 | 例 |
|---|---|
| 誰にシナリオを表示するか？ | 「初めてWebサイトを訪れたユーザーに」など |
| ユーザーが困っていることは何か？ | 「商品がたくさんあってどう探せばいいのかわからない」など |
| どのタイミングでシナリオを表示するか？ | 「トップページを表示して5秒経過したら」など |
| どのような内容を表示するか？ | 「本日は何をお探しですか？ と声をかける」など |
| どのような選択肢を用意するか？ | 「売れ筋商品を見る」「カテゴリーから探す」など |
| そのシナリオで達成してほしいゴールは何か？ | 「訴求ページの閲覧、商品の購入、会員登録」など |
コンサルタントが最適なシナリオをご提案します
Sprocketでは、250社以上の実績から100種類以上の成功シナリオをご用意しています。それらの成功シナリオをもとに、お客さまのWebサイトやユーザーに合わせて最適化したシナリオをご提案いたします。
2. ステップ（ポップアップ）を設定する
管理画面から、実際に表示するポップアップのテキストや画像を設定します。色や枠線などさまざまなデザインの設定を行えますが、ユーザーの読みやすさを第一に考えましょう。
3. プレビューを確認する
設定したポップアップのプレビューを表示して見え方を確認します。編集とプレビューをくり返して、ユーザーに伝わりやすいメッセージに仕上げます。
4. ボタンの動作を設定する
最後に、ステップのボタンをクリックしたときの動作を設定します。Sprocketは、複数のステップに分岐するツアー型のシナリオを作れることが特徴です。ボタンをクリックすることで特定のページに移動したり、次のステップに進んだり、そのままポップアップを閉じたりとさまざまな動作を設定できます。
【次の記事】
1-2. シナリオを作成しよう