MilkyStep Official Community

One Response

1. Igreks.Inc 1月 19 2012 @ 1:38 PM

   レポート１を申し込むWEBサイトをA、レポート２を申し込むWEBサイトをBとします。

   サイトAの申し込みフォームに組み込みたい入力項目を、
   ・メールアドレス
   サイトBの申し込みフォームに組み込みたい入力項目を、
   ・メールアドレス
   ・お名前

   とします。

   まず、MilkyStepのコントロールパネルにログインし、管理したいメルマガIDをクリックします。
   「フォーム設定」をクリックします。
   「登録/解除フォーム」の「項目設定」をクリックします。

   フォームを貼り付けるページの文字コードをUTF-8、EUC-JP、Shift_JISから選択します。

   サイトA、サイトBで組み込みたいフォームの入力項目すべての左側のチェックボックスに
   チェックを入れます。
   （メールアドレスは自動的に必須項目となるので、上記の仮定の場合は、
   「お名前（姓名）」にのみチェックを入れます）

   「保存」ボタンをクリックすると下記のようなHTMLコードが出力されます。

   <div align=’center’>
   <form method=’post’ action=’http://example.com/ms/reg.cgi’>
   <table cellspacing=’0px’ cellpadding=’6px’
   style=’border-style:solid;border-width:1px;border-color:#cdc8b1;’>
   <tr>
   <td align=’center’ style=’font-size:12px;background-color:#cdc8b1;’>
   メルマガ名
   </td>
   </tr>
   <tr>
   <td>
   <table cellspacing=’0px’ cellpadding=’3px’
   style=’font-size:12px;width:100%’>
   <tr>
   <td colspan=’2′ style=’font-size:10px;’ align=’center’><span
   style=’color:#ff0000;’>※</span>は必須項目です</td>
   </tr>
   <tr>
   <td><span style=’color:#ff0000;’>※</span>メールアドレス</td>
   <td><input type=’text’ name=’email’ value=”
   style=’width:200px;font-size:12px;’ /></td>
   </tr>
   <tr>
   <td>お名前（姓名）</td>
   <td><input type=’text’ name=’name’ value=”
   style=’width:200px;font-size:12px;’ />
   </td>
   </tr>
   <tr>
   <td colspan=’2′ align=’center’ style=’font-size:10px;’>姓と名はスペースで区切ってください</td>
   </tr>

   <tr>
   <td colspan=’2′> </td>
   </tr>
   <tr>
   <td colspan=’2′ align=’center’>
   <input type=’radio’ name=’mode’ value=’1′ checked />登録
   <input type=’radio’ name=’mode’ value=’2′ />解除
   <input type=’submit’ name=’regist’ style=’background-color:#cdc8b1;’
   value=’　送　信　’ />
   </td>
   </tr>
   </table>
   </td>
   </tr>
   <tr>
   <td align=’right’ style=’font-size:10px;’>Powered by <a
   href=’http://milkystep.com/’ target=’_blank’>MilkyStep</a></td>
   </tr>
   </table>
   <input type=’hidden’ name=’id’ value=’test’ />
   <input type=’hidden’ name=’type’ value=’3′ />
   <input type=’hidden’ name=’charset’ value=’utf8′ />
   </form>
   </div>

   サイトBの申し込みページには、このHTMLコードをそのまま貼り付けます。

   サイトAの申し込みページには、「お名前（姓名）」の項目は不要ですので、まず上記コードの、
   <tr>
   <td>お名前（姓名）</td>
   <td><input type=’text’ name=’name’ value=”
   style=’width:200px;font-size:12px;’ />
   </td>
   </tr>
   <tr>
   <td colspan=’2′ align=’center’ style=’font-size:10px;’>姓と名はスペースで区切ってください</td>
   </tr>
   の部分を削除します。

   また、「項目設定」で「お名前（姓名）」を入力必須とした場合、このままだとサイトAのフォームには
   「お名前（姓名）」の項目が無いため、送信ボタンを押したとき「お名前は入力必須です」というエラーが
   表示されてしまいます。
   この対策として、上記のコードの<form>～</form>の間に、
   <input type=’hidden’ name=’name’ value=’（未設定）’ />
   を追記します。

   こうすることで、サイトAでは、お名前を入力しなくても登録ができ、コントロールパネルの
   読者リストの名前欄には、「（未設定）」と表示されます。

   以上で、サイトA,Bどちらの申込者も、同じメルマガで管理できるかと思います。
   フォームに組み込む入力項目を増やしたい場合も、これらの手順を応用して可能かと存じます。