Categories: 未分類

マルチコメントアンケート

コメビュと連携してアンケート調査をするツールです。
アンケート機能がない配信サイトや同時配信でも使えます。

導入方法

  1. コメントジェネレーターを導入する。
  2. ダウンロードし、解凍
  3. 解凍したファイルを正常に動作しているコメジェネのフォルダに移す。
  4. OBSでソースを追加→ブラウザからCommentEnquete.htmlを選択する。

使用方法

読み込んだら
OKを押すとアンケート開始(〇〇秒)
と表示されるのでOKを押したら選択肢が画面に表示されます。

視聴者が選択肢を入力すると、カウントされます。
指定時間後結果が表示されます。

設定方法

CommentEnquete.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>HTML5 コメントアンケート</title>

  <link rel="stylesheet" href="enquete.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  <div>
    <ul id="choices"></ul>
  </div>
  <script>
    'use strict';
    /*設定*/
    /************************************************/
    const ANSWER_PREFIX = "";//回答コメントの接頭辞
    const ALLOW_NO_HANDLE = true;//ハンドルネーム無しの回答を許可
    const SHOW_PERCENTAGE = true;//回答の割合を表示
    const COUNT_TIME = 30;//集計時間(秒)
    //選択肢の表示順序
    const CHOICES = [
      "選択肢1",
      "選択肢2",
      "選択肢3",
      "選択肢4",
      "選択肢5",
    ];//9個以上の場合cssを変更しなければ綺麗に表示されない

COUNT_TIMEで集計時間を調節(デフォルトは30秒)
CHOICESでアンケートの選択肢を編集。選択肢一つ一つを””で囲って最後に,を入れてください。

enquete.css

このファイルでデザインを調整できます。デフォルトはniconicoアンケート風にしてます。

注意

Fruct

Recent Posts

メルカリでの中古PCの選び方まとめ【2023年版】

メルカリでの中古PCの選び方 …

1年 ago

コメントジェネレーター byFruct

コメントジェネレーター改良版を…

2年 ago

GPUの選び方

GPUの選び方 電源容量、性能…

2年 ago