WEB広告運用の困りごとが集まる場所 コミュニティ コミュニティ ウィジェットのアンケート機能について

  • ウィジェットのアンケート機能について

    トピックス by はるたん ユーザーランク 31 pt  2023年9月5日 15:51 107 PV

    質問する場所がここでいいのかわからないのですが、投稿してみます。

     自動応答チャット形式アンケート(選択肢による回答・単一/複数選択・繰り返しの質問コンテンツ付き)※要javascript 

    このウィジェットの一部を使いたいと思い、ページに入れてみたのですが、複数回答のアンケートは必要なく、ここの単一回答のアンケートだけ使いたいので、一部だけ削除したいのですが、そのようなことはできますか?

    できればクイック編集で編集できると嬉しいです。

    htmlがほとんどわからないので、html編集でしか編集できないのなら、もし可能なら、その辺りから教えていただけないかと思っています。

    Mizuki@technical   8 月, 3 数週間前 2 人 · 2 コメント
  • 2 コメント
  • Mizuki@technical

    メンバー
    2023年9月5日 15:56

    質問ありがとうございます!

    確認させていただきますね!

  • Mizuki@technical

    メンバー
    2023年9月5日 16:10

    複数回答を単一回答にする方法を案内させていただきます!

    【修正方法:例Q1】

    HTMLの「type=”checkbox”」を「type=”radio”」に変更してください!

    Q1では「type=”checkbox”」が5箇所あります!


    【変更前】

    <div class="auto-chat-item">
    <div class="answer-box">
    <div class="title right">(いくつでも選択可)</div>
    <ul class="choices active" data-total="" data-min="" data-max="">
    <li class="choices-item"><input id="q1-1" type="checkbox" name="q1">
    <label for="q1-1">
    選択肢1のテキスト<br>改行のテキスト
    </label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-2" type="checkbox" name="q1"><label for="q1-2">選択肢2のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-3" type="checkbox" name="q1"><label for="q1-3">選択肢3のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-4" type="checkbox" name="q1"><label for="q1-4">選択肢4のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-5" type="checkbox" name="q1"><label for="q1-5">選択肢5のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    </ul>
    <div class="total-poll"></div>
    <div class="select-show-btn">選択を完了する</div>
    </div>
    </div>

    【変更後】

    <div class="auto-chat-item">
    <div class="answer-box">
    <div class="title right">(いくつでも選択可)</div>
    <ul class="choices active" data-total="" data-min="" data-max="">
    <li class="choices-item"><input id="q1-1" type="radio" name="q1">
    <label for="q1-1">
    選択肢1のテキスト<br>改行のテキスト
    </label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-2" type="radio" name="q1"><label for="q1-2">選択肢2のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-3" type="radio" name="q1"><label for="q1-3">選択肢3のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-4" type="radio" name="q1"><label for="q1-4">選択肢4のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    <li class="choices-item"><input id="q1-5" type="radio" name="q1"><label for="q1-5">選択肢5のテキスト</label>
    <div class="result">
    <div class="progress"><span data-num=""></span></div>
    <div class="poll">
    <p class="total" data-num="">投票数</p>
    <p class="rate" data-num="">投票率</p>
    </div>
    </div>
    </li>
    </ul>
    <div class="total-poll"></div>
    <div class="select-show-btn">選択を完了する</div>
    </div>
    </div>