スマホ対応のレスポンシブ・アンケートフォームの無料ダウンロード

公開日: 2017年8月31日
最終更新日: 2019年4月26日

メールフォームのコードを基に、アンケートのプログラムを制作し、公開しました。
現在の最新バージョンは2017年9月5日公開のバージョン1.0です。

スクリプト名称はレスポンシブ・メールフォームからの派生なので「レスポンシブ・アンケートフォーム」としました。安易です。でもちゃんとレスポンシブ仕様になっています。(管理画面も)

アンケート結果の集計を保存し、管理者はCSVファイルとしてダウンロードができます。
投票者は集計結果を見ることはできません。

機能や特長

レスポンシブでスマホやタブレットに対応。
同一人物による複数投票を防ぐ機能。
管理者は集計結果をCSVファイルとしてダウンロード可能。
HTMLファイルに組み込める。
データベース不要。
WordPressサイト内でも正常動作する。
入力必須項目はHTMLファイル内にclass=”required”を追加するだけでOK。
送信決定時にはアラートウインドウで誤送信を防止。
フォーム送信後にブラウザの「戻る」や「進む」ボタンで送信完了後のページとを行き来しても、再送信されない仕様。
美しいHTML。W3C準拠。HTML5文法エラーなし。
(CSSに関しては@keyframesの使用により文法エラーが出ます)
デザインはすべてCSSで設定。自由に変更可能。
著作権表示不要。
カスタマイズ自由。
レスポンシブでスマホやタブレットに対応。
リファラ(ドメイン)チェックによるスパム対策機能。
送信前の入力チェックが動作していない場合に送信されない機能(スパム対策)。
入力エラーがあった場合にはその項目まで自動でスクロールして戻る機能。
送信する前に入力内容を確認する画面をアドオンで追加可能。
(後述する「追加機能について」からをお読みください)

サンプルデモとダウンロード

適当にアンケートに答え、送信しても問題ありません。
レスポンシブ・アンケートフォームのサンプル

管理画面のサンプル
CSVファイルのダウンロードのためにログインできます。
ユーザ名はtani、パスワードは0000です。
ログアウトはブラウザを閉じるか、ログアウトボタンを押してください。

~~レスポンシブ・アンケートフォームのダウンロード~~
諸事情により、このプログラムは配布を一時停止しています。
再開時期は未定です。

設置方法

まずは以下の手順に従って設置をし、後述する動作テストをしてみてください。
(この時点までの間で正常動作しない場合は、無償サポート対象内となります。サポートBBSにてご質問ください。)

既存サイトに組み込んだり、フォームの項目を減らす・増やすなどのカスタマイズは、その動作テストが終わってからのほうがベターです。(無償サポート対象外)

1、ダウンロードしたzipファイルを展開する。

2、config.phpを開き、CSVファイルの保存ディレクトリを設定する。

//【必須】 アンケート結果を記録するCSVファイルのパス -- 絶対パスで指定してください --

// 初期状態ではdataディレクトリ内にenquete.csvが存在します。このままの状態では第三者が自由にCSVファイルを見ることができてしまいます。

// 第三者から見られたくない場合は、ドキュメントルートより上位の階層に適当なディレクトリを作成し、その絶対パスを以下に記入してください。

$re_csv_path = 'ドキュメントルートのパスをここに記入';

3、続いてconfig.phpにて、管理者ログインページのユーザ名とパスワードを設定する。

//【必須】 管理者ユーザー名
$re_admin_user = 'tani';

//【必須】 管理者ログインパスワード
$re_admin_pass = '0000';

最低限必要な設定は以上となります。

動作テストの手順

1、ブラウザでアンケートフォームのページ(index.html)にアクセスし、適当に入力して送信テストをしてみましょう。
サンクスページに画面が偏移すればOKです。

2、ブラウザで管理者ログインページにアクセスし、ログイン後にCSVファイルがダウンロードできるかの確認をしましょう。

動作テストは以上です。

レスポンシブ・メールフォームとの関係性について

このアンケートプログラムはレスポンシブ・メールフォームから派生させて制作したものなので、設置方法やカスタマイズ方法も基本的には同じとなります。
(※ 機能の違いにより、PHPファイルやJavaScriptファイルの中身は違いが結構あります)

質問項目の追加や削除、既存ページへの組み込み方法などは、以下のページを参考にしてください。

また、レスポンシブ・メールフォームとの違いは以下になります。

アンケートにはメール送信機能がない。
アンケートには管理画面がある。
アンケートには同一人物の複数送信を防止する機能がある。
アンケートには添付ファイルアドオンやカーボンコピー(Cc、Bcc)アドオンは追加できない。
(入力内容確認アドオンは存在します。下の「追加機能について」を参照)
メールアドレスの書式チェックはあるが、確認用メールアドレス欄との一致チェックはない。