AI要約
ユーザーにオプションのリストを順番に並べ替えてほしいですか? WPFormsのランキングフィールドを使用すると、ユーザーは最も好むものから最も好まないものへと選択肢を並べ替えることができ、製品の決定、イベントの計画などに役立つ明確な好みのデータを提供します。
このチュートリアルでは、WPFormsにランキングフィールドを追加および設定する方法を説明します。
要件:
- アンケートおよび投票アドオンにアクセスしてランキングフィールドを使用するには、Proライセンスレベル以上が必要です
- WPFormsバージョン2.0.0.5以降
- アンケートおよび投票アドオンバージョン1.20.0以降
開始する前に、WordPressサイトにWPFormsをインストールして有効化してください。ライセンスの確認後、アンケートおよび投票アドオンをインストールして有効化できます。
ランキングフィールドをフォームに追加する
アンケートおよび投票アドオンがインストールおよび有効化されたら、新しいフォームを作成するか、既存のフォームを編集してフォームビルダーを開きます。
フォームビルダーでは、[Fancy Fields]セクションに[Ranking]フィールドがあります。それをクリックするか、プレビューエリアにドラッグしてフォームに追加します。


このフィールドには3つのプレースホルダーの選択肢と、簡単な説明「これらのオプションを、最も好むものを一番上に並べ替えてください」が含まれています。ランキングはほとんどのフィールドとは異なる種類の操作であるため、ユーザーは簡単なヒントを必要とする可能性があるため、この説明はデフォルトで表示されます。


他の選択肢ベースのフィールドとは異なり、ランキングフィールドには必須オプションが含まれていません。ユーザーはオプションを並べ替えることでランク付けするため、すべての送信には完全な順序が含まれます。誰かが何も移動せずにフォームを送信した場合、画面に表示された順序が応答として保存されます。
ランキングフィールドのオプションをカスタマイズする
フィールドを追加した後、プレビューエリアのフィールドをクリックして[Field Options]パネルを開きます。ここで、ユーザーがランク付けする選択肢と、フォームでのフィールドの外観をカスタマイズできます。
選択肢のレイアウトを選択する
ランキングフィールドには2つのレイアウトがあります。[Layout]オプションは、フィールドの[Advanced]タブにあります。どちらを選択するかによって、選択肢の配置方法と、ユーザーがランキング順序を読み取る方法が変わります。
リストレイアウトの使用
リストはデフォルトのレイアウトです。各選択肢をトップからボトムへと積み重ねられたフル幅の行として表示します。一番上のオプションが最初にランク付けされます。


このレイアウトは、各行がフィールドの全幅を使用できるため、長い選択肢ラベルに適しています。オプションがテキストのみの場合にも適しています。
グリッドレイアウトの使用
グリッドレイアウトでは、各選択肢がカードとして表示されます。カードは左から右へ、次に上から下へとランク付けされるため、左上のカードが最初にランク付けされます。
切り替えるには、詳細設定タブを開き、レイアウトをグリッドに設定します。


グリッドレイアウトを選択すると、スペースを最大限に活用するためにフィールドサイズが自動的に大に変わります。デフォルトのフィールドの説明も更新され、順序が左から右に読み取られるため、ユーザーに最も好ましいオプションを最初に入れるように指示します。
列数の設定
グリッドレイアウトを選択すると、その下に列オプションが表示されます。これを使用して、各行に表示するカードの数を設定します。2列から6列まで選択でき、デフォルトは3列です。


選択肢の数に合わせて列数を選択してください。列数が少ないと各カードの幅が広くなり、ラベルが長い場合に役立ちます。列数が多いと、長い選択肢リストをスクロールせずに表示できます。
一般オプション
全般タブでは、フィールドのラベルと説明、およびユーザーが入力する選択肢を編集できます。


選択肢の下で、質問のオプションを追加、削除、または並べ替えます。ここで設定した順序が、フォーム上のユーザーが表示する開始順序になります。
一度に多数のオプションを追加するには、一括選択肢の追加ガイドを参照してください。また、AIで選択肢を生成することもできます。
選択肢をプレーンテキストではなく画像またはアイコンとして表示するには、画像選択肢を使用またはアイコン選択肢を使用をオンに切り替えます。設定の詳細については、画像選択肢の追加およびアイコン選択肢の使用のチュートリアルを確認してください。
高度なランキングフィールドオプションをカスタマイズする
詳細設定タブでは、フィールドの機能と外観を制御するための追加の方法が見つかります。


- アンケートレポートを有効にする: このフィールドのランキング統計を収集します。このオプションはデフォルトでオンになっているため、入力が入り次第、結果がすぐに利用可能になります。
- 選択肢をランダム化: 各訪問者の開始順序をシャッフルします。これにより、オプションを並べ替えずにフォームを送信するユーザーからのバイアスを減らすのに役立ちます。
- フィールドサイズ: フィールドの幅を小、中、または大に設定します。グリッドレイアウトを選択すると、スペースを最大限に活用するためにフィールドサイズが自動的に大に変わります。
- レイアウト: 選択肢をリストまたはグリッドで表示します。両方のレイアウトの詳細については、上記のレイアウトセクションを参照してください。
- 矢印: 並べ替え矢印ボタンが表示されるタイミングを制御します。ホバー時(デフォルト)、常に表示、または非表示を選択します。矢印は、選択した設定に関係なく、タッチデバイスでは常に表示されます。
- 動的選択肢: サイトの投稿または分類法から選択肢を自動的に入力します。画像選択肢が有効になっている間は、このオプションは利用できません。
- CSSクラス: スタイリング目的でフィールドにカスタムクラスを追加します。
- ラベルを非表示: フォームのフィールドラベルを非表示にします。
- 選択肢ラベルを非表示: 各選択肢の下のテキストを非表示にし、画像のみを表示します。このオプションは、画像選択肢が有効になっている場合に表示されます。
- 読み取り専用: ユーザーがオプションの順序を変更できないようにします。
ユーザーがオプションをランク付けする方法
公開されたフォームでは、ユーザーはオプションを並べ替えるために2つの方法があります。オプションの任意の場所をクリックして新しい位置にドラッグするか、オプションにカーソルを合わせて矢印ボタンを使用して一度に1つずつ移動できます。
リストレイアウトでは、矢印はオプションを上下に移動させます。グリッドレイアウトでは、矢印は横向きになり、オプションを左右に移動させます。オプションが既に最初または最後の位置にある場合、使用できない矢印は無効になります。
アンケート結果の表示
ランキングフィールドではデフォルトでアンケートレポートが有効になっているため、エントリーが入ってくるとすぐに結果の収集が開始されます。表示するには、WPForms » Entriesに移動し、フォームを選択します。エントリーリストの上に、ランキングフィールドの結果カードが表示されます。


ランキング結果は、他のアンケートフィールドでは見られない2つの指標を使用します。
- 1位の回数: オプションを1位に配置したユーザー数。
- 順位: すべての回答におけるオプションの平均順位。数値が低いほど良い順位です。したがって、順位1.2は、オプションが通常上位近くに着地したことを意味します。
グラフは各オプションの平均順位をプロットし、オプションはフォームに表示される順序でリストされます。グラフの隣にある回答テーブルは順位でソートされているため、ユーザーのお気に入りのオプションが一番上に表示されます。列ヘッダーをクリックすると、テーブルを異なる方法でソートできます。
完全なレポートを表示するには、View Survey Resultsをクリックします。そこから、グラフのスタイルを変更したり、結果をフィルタリングしたり、レポートをエクスポートまたは印刷したりできます。グラフを棒グラフまたは円グラフに切り替えると、平均順位ではなく、各オプションが1位になった頻度が表示されます。


ランキングの条件付きロジックを有効にする
条件付きロジックを使用すると、ユーザーがフォームの他のフィールドにどのように回答したかに基づいて、ランキングフィールドを表示または非表示にすることができます。使用するには、フィールドオプションを開き、スマートロジックタブをクリックし、条件付きロジックを有効にするをオンにします。次に、フィールドが表示されるべきルールの設定を行います。
よくある質問
以下に、ランキングフィールドに関する最も一般的な質問への回答をまとめました。
ランキングフィールドは他のアンケートフィールドとどう違いますか?
ほとんどのアンケートフィールドは一度に1つのことを測定します。評価フィールドは単一の項目をスケールで採点し、リッカート尺度は一連のステートメントへの同意度を評価し、ネットプロモータースコアはユーザーがあなたを推薦する可能性を尋ねます。ランキングフィールドは、ユーザーにオプションを比較させ、すべてのオプションを順序付けるように求める唯一のフィールドです。満足度だけでなく、ユーザーが何を好むかを知りたい場合に使用してください。
ランキングフィールドを必須にすることはできますか?
ランキングフィールドは、すべての提出物が常に完全なランキングを含むため、「必須」オプションが含まれていません。ユーザーがオプションを移動しない場合、画面に表示されている順序が回答として保存されます。
ユーザーに並べ替え矢印が表示されないのはなぜですか?
デフォルトでは、矢印はユーザーがオプションにカーソルを合わせたときにのみ表示されます。常に表示したい場合は、フィールドの「詳細設定」タブで「矢印」オプションを「表示」に設定してください。タッチデバイスでは、選択した設定に関係なく、常に矢印が表示されます。
ランキングフィールドを会話形式アンケートで使用できますか?
はい。ランキングフィールドは会話形式アンケートで使用できます。注意すべき違いが1つあります。矢印オプションを「なし」に設定した場合でも、会話形式アンケートではユーザーがオプションを並べ替えられるように、ホバー時に矢印が表示されます。
他のフィールドで、ランキングに基づいて条件付きロジックを使用できますか?
いいえ。条件付きロジックを使用してランキングフィールド自体を表示または非表示にすることはできますが、他のフィールドはランキングを条件として使用できません。たとえば、特定のオプションが最初にランク付けされた場合にのみフィールドを表示することはできません。
エントリを収集した後に選択肢を変更した場合はどうなりますか?
既存のエントリは、ユーザーが提出した順序を保持します。選択肢を削除すると、レポートとエクスポートに「(変更済み)」というラベルと共に表示されます。ユーザーがページを開いたままフォームの選択肢を編集した場合、提出が完了する前にページを再読み込みするように求められます。
エントリをエクスポートすると、ランキングフィールドはどのように表示されますか?
CSVおよびXLSXエクスポートでは、各選択肢に独自の列が作成され、セルにはユーザーがその選択肢に付けたランク番号が表示されます。これにより、スプレッドシートでランキングを簡単に並べ替えたり分析したりできます。
これで完了です!フォームにランキングフィールドを追加して、ユーザーがどのオプションを好むかを正確に把握できるようになりました。
次に、収集した回答の分析について詳しく知りたいですか?フィルタリング結果、グラフのカスタマイズ、レポートのエクスポートの詳細については、アンケート&投票アドオンのチュートリアルを確認してください。