2009年04月22日
新「フォームメーラー」でヒトコト感想フォーム
「ノベル工房」の「感想をもらうには」で、メールフォームが簡単に設置できるサービスとしてご紹介していた「FormMailer（フォームメーラー）」さんですが、昨年末より新サービスに移行し、旧サービスのサーバーも先月に停止されています。
取り急ぎくだんのページにも簡単な案内を設けましたが、まだまだ旧サービスを利用したヒトコト感想メールフォームをサイトに設置しているかたも多いのではと思います。
できるだけ元のフォームのソースを再利用する形で、新サービスに移行する方法を簡単にご案内しておきます。
取り急ぎくだんのページにも簡単な案内を設けましたが、まだまだ旧サービスを利用したヒトコト感想メールフォームをサイトに設置しているかたも多いのではと思います。
できるだけ元のフォームのソースを再利用する形で、新サービスに移行する方法を簡単にご案内しておきます。
まずはFormMailerのページへ。
１．ユーザー登録をしてください。（Free版）
２．ログインし、「フォームを作成」→「新規フォームを作成」。
フォーム名は「ヒトコト感想」などに。これがメールの件名になります。（後からも変更可能）テンプレートは使いません。
３．「入力項目編集」で「テキストフィールド」を５個、右のエリアにドラッグ＆ドロップして作成してください。
それぞれの名前を「作品名」「お名前」「キャラ」「感想」「ヒトコト」とします。
４．「環境設定」で公開設定、各種画面設定、メール設定を変更してください。
公開設定で「公開する」にチェック、各種画面設定では入力画面を「外部サイト」に、内容確認を「表示しない」、完了画面は好みに合わせて。
メール設定でメールの送信先を設定するのもお忘れなく。
５．「コード表示」で「HTMLコード」の「form要素のみのコード」をクリックし、表示されたコードをコピーして、メモ帳などのテキストエディタにいったん貼り付け。
ここまでがFormMalerでの作業です。ここからは自サイトのHTMLの編集になります。
６．ヒトコト感想フォームを置いてあるページをメモ帳などのエディタで開きましょう。
７．<form action="〜">の行を、新しいコード（<form action="https://ssl.form-mailer.jp/fm/service/Forms/complete" method="post" name="form1" ENCTYPE="multipart/form-data">）に書き換えてください。
８．<input type="hidden" name="formid" value="※あなたのForm Mailer ID"> の行と、<input type="hidden" name="formsubject" value="※メールの件名">の行を削除。
※のところは実際は人によって異なるものが入っています。
９．先ほど取得した新しいコードの、「作品名」用に用意されたフィールド（「作品名」から数行下にある、<input〜>のタグ）をコピーし、上で削除したあたりにペースト。typeをhiddenに書き換えて、value="※作品名"をタグ内に追加。
※のとこは実際の作品名を入れます。
１０．元のコードの、お名前、キャラ、感想、ヒトコトのinputタグのname="〜"の中身（「〜」部分）を、新しいコードで対応するname値（field_XXXXX）に変更。
<input type="text" size="20" name="お名前" value="お名前：">
↓
<input type="text" size="20" name="field_292499" value="お名前：">
のような感じで。
１１．<input type="hidden" name="formlog" value="1">の行を削除。
１２．フォームメーラーへのリンクをどこかに設置。
▼サンプルソース▼
◎ポイント
フォームでは「キャラ」「感想」はドロップダウンリストですが、管理画面上ではテキストフィールドとして作成してください。ドロップダウンリストにした場合、あらかじめ登録した選択肢以外は弾かれてしまうようなので……。
※FormMailerさんでは、取得したコードの編集は推奨されておらず、サポート外になるとのことです。ご了解のうえ利用してくださいね。
参照：「FAQ よくある質問」http://www.form-mailer.jp/faq.html
１．ユーザー登録をしてください。（Free版）
２．ログインし、「フォームを作成」→「新規フォームを作成」。
フォーム名は「ヒトコト感想」などに。これがメールの件名になります。（後からも変更可能）テンプレートは使いません。
３．「入力項目編集」で「テキストフィールド」を５個、右のエリアにドラッグ＆ドロップして作成してください。
それぞれの名前を「作品名」「お名前」「キャラ」「感想」「ヒトコト」とします。
４．「環境設定」で公開設定、各種画面設定、メール設定を変更してください。
公開設定で「公開する」にチェック、各種画面設定では入力画面を「外部サイト」に、内容確認を「表示しない」、完了画面は好みに合わせて。
メール設定でメールの送信先を設定するのもお忘れなく。
５．「コード表示」で「HTMLコード」の「form要素のみのコード」をクリックし、表示されたコードをコピーして、メモ帳などのテキストエディタにいったん貼り付け。
ここまでがFormMalerでの作業です。ここからは自サイトのHTMLの編集になります。
６．ヒトコト感想フォームを置いてあるページをメモ帳などのエディタで開きましょう。
７．<form action="〜">の行を、新しいコード（<form action="https://ssl.form-mailer.jp/fm/service/Forms/complete" method="post" name="form1" ENCTYPE="multipart/form-data">）に書き換えてください。
８．<input type="hidden" name="formid" value="※あなたのForm Mailer ID"> の行と、<input type="hidden" name="formsubject" value="※メールの件名">の行を削除。
※のところは実際は人によって異なるものが入っています。
９．先ほど取得した新しいコードの、「作品名」用に用意されたフィールド（「作品名」から数行下にある、<input〜>のタグ）をコピーし、上で削除したあたりにペースト。typeをhiddenに書き換えて、value="※作品名"をタグ内に追加。
※のとこは実際の作品名を入れます。
１０．元のコードの、お名前、キャラ、感想、ヒトコトのinputタグのname="〜"の中身（「〜」部分）を、新しいコードで対応するname値（field_XXXXX）に変更。
<input type="text" size="20" name="お名前" value="お名前：">
↓
<input type="text" size="20" name="field_292499" value="お名前：">
のような感じで。
１１．<input type="hidden" name="formlog" value="1">の行を削除。
１２．フォームメーラーへのリンクをどこかに設置。
▼サンプルソース▼
<table border=0 style="font-size:9pt">
<tr>
<td bgcolor="#6666cc"><span style="color:#ffffff">ヒトコト感想フォーム</span>
</td>
</tr>
<tr>
<td>ご感想をひとことどうぞ。作者にメールで送られます。
</td>
</tr>
<tr>
<td>
<form action="https://ssl.form-mailer.jp/fm/service/Forms/complete" method="post" name="form1" ENCTYPE="multipart/form-data">
<input type="hidden" name="key" value="465f24a340670" >
<input name="field_292876" type="hidden" size="30" value="Century20シリーズ">
<input type="text" size="20" name="field_292499" value="お名前：">
<select name="field_292897">
<option value="初期" selected>* お好きな登場人物 *</option>
<option value="高都匡">高都匡</option>
<option value="瀬能朔">瀬能朔</option>
<option value="その他">その他</option>
</select>
<select name="field_292880">
<option value="初期" selected>* ご感想 *</option>
<option value="面白かった">面白かった</option>
<option value="そこそこ">そこそこ</option>
<option value="いまいち">イマイチ</option>
<option value="つまらない">つまらない</option>
<option value="続き">とっとと続きを書け</option>
<option value="らぶ">ラブシーン書こうよ</option>
</select>
<br>
ヒトコト
<input type="text" size="60" name="field_292879">
<INPUT type="submit" value="送信" style="background-color:#6666cc;color:#ffffff;border:1 solid #ffffff">
</form>
</td>
</tr>
</table>
<tr>
<td bgcolor="#6666cc"><span style="color:#ffffff">ヒトコト感想フォーム</span>
</td>
</tr>
<tr>
<td>ご感想をひとことどうぞ。作者にメールで送られます。
</td>
</tr>
<tr>
<td>
<form action="https://ssl.form-mailer.jp/fm/service/Forms/complete" method="post" name="form1" ENCTYPE="multipart/form-data">
<input type="hidden" name="key" value="465f24a340670" >
<input name="field_292876" type="hidden" size="30" value="Century20シリーズ">
<input type="text" size="20" name="field_292499" value="お名前：">
<select name="field_292897">
<option value="初期" selected>* お好きな登場人物 *</option>
<option value="高都匡">高都匡</option>
<option value="瀬能朔">瀬能朔</option>
<option value="その他">その他</option>
</select>
<select name="field_292880">
<option value="初期" selected>* ご感想 *</option>
<option value="面白かった">面白かった</option>
<option value="そこそこ">そこそこ</option>
<option value="いまいち">イマイチ</option>
<option value="つまらない">つまらない</option>
<option value="続き">とっとと続きを書け</option>
<option value="らぶ">ラブシーン書こうよ</option>
</select>
<br>
ヒトコト
<input type="text" size="60" name="field_292879">
<INPUT type="submit" value="送信" style="background-color:#6666cc;color:#ffffff;border:1 solid #ffffff">
</form>
</td>
</tr>
</table>
◎ポイント
フォームでは「キャラ」「感想」はドロップダウンリストですが、管理画面上ではテキストフィールドとして作成してください。ドロップダウンリストにした場合、あらかじめ登録した選択肢以外は弾かれてしまうようなので……。
※FormMailerさんでは、取得したコードの編集は推奨されておらず、サポート外になるとのことです。ご了解のうえ利用してくださいね。
参照：「FAQ よくある質問」http://www.form-mailer.jp/faq.html
Posted by hanameiro at 08:02│Comments(0)│TrackBack(0)
