お問い合せフォーム作成の準備
最低限必要なファイル
- contact.html
- thanks.html
- mailform/の中のファイル全て
mailformのシステムファイルで修正が必要なもの
send.cgi#!/usr/bin/perl --
use Jcode;
########################################################################
##一般的な設定##########################################################
########################################################################
#00.テスト時の誤送信を制御 / 0にしないとメールが飛びません
$conf{'debug'} = 0;
#03.スパムブロック([URL]や[LINK]が含まれた送信をブロック) 1:ON / 0:OFF
$conf{'spam_block'} = 0;
#04.sendmailのパス(サーバ会社へお問い合わせ下さい)
$conf{'sendmail'} = '/usr/sbin/sendmail';
#06.設置者のアドレス(カンマ区切り)
$conf{'mailto'} = 'XXX@XXX';
#07.送信完了時にリダイレクトするサンクスページ
$conf{'thanks'} = 'http://XXXX/thanks.html';
#08.設置者に届くメールの件名
$conf{'subject'} = 'お問い合せがありました【株式会社XXX】';
#09.送信者に届くメールの件名
$conf{'res_subject'} = 'お問い合せありがとうございます【株式会社XXX】';
#10.送信者に届くメールの本文
$conf{'res_body'} = <<'__res_body_eof__';
この度はお問い合せ頂き誠にありがとうございます。
改めて担当者よりご連絡をさせていただきます。
─ご送信内容の確認─────────────────
──────────────────────────
このメールに心当たりの無い場合は、お手数ですが
下記連絡先までお問い合わせください。
この度はお問い合わせ重ねてお礼申し上げます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社XXXXX
〒XXX-XXX XXXXXXXXXXXXXX
TEL：000-00-0000 FAX：000-000-000
web site URL：http://www.XXXX.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
__res_body_eof__
#11.Yahooジオシティーズ ジオプラス用設定 1:ON / 0:OFF
$conf{'geoplus'} = 0;
########################################################################
##高度な設定############################################################
########################################################################
#01.リファラーによるスパムチェック 1:ON / 0:OFF
$conf{'domain_check'} = 0;
#01.リファラー(送信元)のURLの一部か全部
$conf{'domain'} = $ENV{'SERVER_NAME'};
#02.HTML側での設定を無効化(タダ乗り対策) 1:ON / 0:OFF
$conf{'html_vals_disabled'} = 1;
#03.全てが英文の送信を拒否 1:ON / 0:OFF
$conf{'language_check'} = 0;
#11.通し番号保存用のファイルのパス
$conf{'serial_file'} = 'count.dat';
#12.件名に通し番号を付ける 1:ON / 0:OFF
$conf{'subject_serial'} = 0;
#12.送信履歴保存用ファイルとダウンロードパスワード
#$conf{'log_file'} = 'sendlog.cgi';
#$conf{'log_passwd'} = '0123';
#13.送信文字コード
$conf{'charset'} = 'ISO-2022-JP';
$conf{'lang'} = 1;
#無変換設定
$conf{'charset'} = 'UTF-8';
$conf{'lang'} = 0;
#3,#5,#7,#8,#9,#10は必ず修正して下さい！
パーミッション設定
send.cgi: 755count.dat: 777
check.cgi: 755
postcodes/: 755
L get.cgi: 755
Jcode/: 755
L Unicode: 755
サーバーによって異なりますが、基本的にはこちらでOKです。
サーバーによって利用できない場合もありますが、mailp.phpという実行ファイルを作成したので、
FTPを利用して mailform/mailp.php にアップして、ブラウザから、実行して下さい。
例） http://www.accorder.co.jp/mailform/mailp.php
HTMLにメールフォームを入れる
以下の３行は必須。ページのどこかに入れて下さい。
探しやすく<head>に入れるのがいいとは思います。
<link rel="stylesheet" href="mailform/mailform.css" type="text/css"> <script type="text/javascript" src="mailform/mailform.js" charset="utf-8"></script> <script type="text/javascript" src="mailform/postcodes/get.cgi?js" charset="utf-8"></script>
FORMの設定
下のコードによくある間違いが2点御座います。どこでしょうか？
答え①→会社名の項目、貴社名になっています。
答え②→郵便番号が必須項目なのに、mfpcの部分は、そう書かれていないです。
<form id="mailform" method="post" action="mailform/send.cgi" onSubmit="return sendmail(this);">
<table border="0" cellspacing="0" cellpadding="0" class="mailform" style="border-left:0px">
<tbody>
<tr>
<th>会社名</th>
<td><input type="text" name="貴社名" class="mailform_lg_s"></td>
</tr>
<tr>
<th>部署名</th>
<td><input type="text" name="部署名" class="mailform_lg_s"></td>
</tr>
<tr>
<th>お名前<span>（必須）</span></th>
<td><input type="text" name="お名前(必須)" class="mailform_lg_s"></td>
</tr>
<tr>
<th>性別</th>
<td>
<label><input type="radio" name="性別" value="男性" id="RadioGroup1_0">男性</label>
<label><input type="radio" name="性別" value="女性" id="RadioGroup1_1">女性</label>
</td>
</tr>
<tr>
<th>ふりがな<span>（必須）</span></th>
<td><input type="text" name="ふりがな(必須)" class="mailform_lg_s"></td>
</tr>
<tr>
<th>電話番号</th>
<td><input type="text" name="電話番号" class="mf mailform_lg_ss"></td>
</tr>
<tr>
<th>郵便番号(必須)</th>
<td><input type="text" name="郵便番号(必須)" class="mf mailform_lg_ss"> <input type="button" value="〒から住所を自動入力" onClick="mfpc('mailform','郵便番号','住所');"></td>
</tr>
<tr>
<th>住所</th>
<td><input type="text" name="住所" class="mf mailform_lg_l"></td>
</tr>
<tr>
<th>Email<span>（必須）</span></th>
<td><input type="text" name="email(必須)" class="mf mailform_lg_s"></td>
</tr>
<tr>
<th>Email 確認<span>（必須）</span></th>
<td><input type="text" name="confirm_email" class="mf mailform_lg_s"></td>
</tr>
<tr>
<th>お問い合せ目的</th>
<td>
<select name="お問い合せ目的">
<option value="">--- 選択してください ---</option>
<option value="お見積り希望">お見積り希望</option>
<option value="資料請求">資料請求</option>
<option value="お電話でのご相談">お電話でのご相談</option>
</select>
</td>
</tr>
<tr>
<th>ご用件<span>（必須）</span></th>
<td><textarea name="ご用件(必須)"></textarea></td>
</tr>
<tr class="send_btn">
<th class="last"></th>
<td><input type="submit" value="メールを送信する" class="sb_btn1"> <input type="reset" name="reset" value="リセット" class="sb_btn2"></td>
</tr>
</tbody>
</table>
</form>
でも、これだけじゃない。案件によって違う。
サーバーの仕様による不具合、Directoryの構成が違ったり、英語版の対応があったり、様々です。
しかし、上に書かれたところは、ほとんど対応しないといけないところなので、しっかりミスしないように守りましょう。
最後に contact.html と thanks.html に Google Analyticsコード入れるのも忘れないでください。