条件付きロジックの仕組み
条件付きのルールはすべて、Widget Studio の Events セクションにある Survey イベントです。Survey イベントタイプは、アンケートの値とフォームの値を区別せずに扱います。そのため、Form セクションの Dropdown と Survey セクションの Short answer は、どちらも条件として使用できます。 各イベントには、2 つの部分があります:- Condition: イベントをトリガーする回答です。たとえば、特定のドロップダウンの選択肢などです。
- Action: 条件を満たしたときに Kameleoon が行う処理です。たとえば、非表示の要素を表示することなどです。
訪問者の選択後に 2 つ目のドロップダウンを表示する
フォローアップの質問が一部の回答にのみ当てはまる場合は、条件付きロジックを使用します。ニュースレターフォームで、訪問者に Latest products または Blog updates のいずれかを選択してもらうとします。Latest products を選択した訪問者だけが製品カテゴリーを選ぶ必要があるため、2 つ目のドロップダウンはその場合にのみ表示されます。
- Elements リストで 2 つ目のドロップダウンにカーソルを合わせ、three-dots メニューをクリックして、Hide をクリックします。イベントが実行されるまで、ドロップダウンは非表示のままになります。
- 左サイドバーで Events をクリックし、Add event をクリックします。
- Survey を選択し、Next をクリックします。
- If the value for で、1 つ目のドロップダウンを選択します。
- is で、Latest products を選択します。
- Actions で Show an element を選択し、2 つ目のドロップダウンを選びます。
- Save event をクリックします。
NPS スコアに基づいて画面を表示する
アンケートに条件付きロジックを使用すると、訪問者が回答した後に表示される内容を変更できます。複数の画面からなる NPS アンケートを作成し、訪問者のスコアに基づいて体験をカスタマイズしたいとします。訪問者が 0 から 6 のスコア（Detractor）を付けた場合は、より詳しいフィードバックを求めるフォローアップ質問を表示するとよいでしょう。スコアが 7 から 10（Passive または Promoter）の場合は、サンクスメッセージに直接進めることができます。 次の例では、アンケートは 2 つの画面で構成されています:- Screen 1: NPS スコアの質問（0-10）。Detractors（スコア 0 から 6）の場合、フォローアップの自由記述欄で、スコアの主な理由を尋ねます。
- Screen 2: 確認画面（「Thank you for your feedback!」）。
アンケートの画面を設定する
Widget Studio で、両方の画面を作成します:- NPS 要素を含む Screen 1
- 確認メッセージを含む Screen 2
Detractors にフォローアップ質問をする
- NPS 要素を選択します。
- Settings タブの Follow-up question で、Detractors を選択します。
Passives と Promoters に対する条件付きロジックのイベントを追加する
- 左サイドバーで Events をクリックし、Add event をクリックします。
- Create new event パネルで、イベントタイプとして Survey を選択します。
- If the value for で NPS を選択します。
- matches で Passives と Promoters を選択します。
- 次に、アクションを定義します。Add action > Show a screen をクリックします。
- Thank you を選択します。
- 2 つ目のアクションを定義します: Hide element > Screen 1。
最終的なロジックを確認する
最終的なロジックは次のとおりです:- ウィジェットは、常に最初に Screen 1 を表示します。
- スコアが 0 から 6 の場合、ウィジェットはフォローアップ質問を表示します。
- 訪問者が Screen 1 の Submit をクリックすると、Screen 2 に進みます。
- スコアが 7 以上の場合、ウィジェットはフォローアップ質問をスキップし、訪問者を直接 Screen 2 に進めます。