自作ページに貼り付ける際の注意事項
自作ページの文字コードと登録フォームの文字コードが一致していないと登録者データが文字化けを起こしてしまいます。
自作ページに貼り付ける際は登録フォームの文字コードにご注意ください。
<ご参考>入力内容が文字化けしてしまいます。
https://autobiz.help/basic/trouble/archives/4131/
ワードプレスやブログ、ホームページ作成ソフト等で作成されたページ(以下、自作ページ)に、
オートビズの登録フォームを貼り付けて利用することができます。
「登録ページ・フォーム」で選択したデザインテンプレートは反映されません。貼り付け後のフォームのデザインにつきましてはサポートの対象外となりますので、ご了承ください。
フォームのHTMLソースの確認方法
【フォーム/ページ】>【登録ページ・フォーム】画面で各設定を行った後、
「登録フォーム」欄の左下にある[ ]ボタンをクリックすると作成した登録ページのHTMLソースを表示されるのでコピーをしてご利用ください。
※以下の記述に関しては変更しないようご注意ください。
1.<FORM>タグの action属性と method属性
2.<INPUT>タグの name属性
3.「SUBMITボタン」の name属性(sbm)と value属性(登録)
※ソースを貼り替えなくても、変更が反映されるもの
・確認の挿入
→https://autobiz.help/basic/kanri/entry/archives/72/
・重複登録の禁止
→https://autobiz.help/basic/kanri/entry/archives/116/
自作したフォームに対応させる方法
お持ちのサイトやランディングページなど、あらかじめデザインが決まっているものに
フォームを対応させる場合、登録ページ・フォーム作成画面の『フォームのHTMLソース』から
必要なタグをコピーしてサイト側に貼り付け、必要な個所を編集してご利用ください。
必要なHTMLタグ(『フォームのHTMLソース』画面)
※レスポンシブ対応(フォームサイズの最適化)については、お持ちのサイト側で
カスタマイズしていただくようになります。
<必要なHTMLタグの詳細>
・<FORM>タグ内のaction先URLの変更
・文字コード指定用の<input>タグの追加
・登録先シナリオ指定用の<input>タグの追加
・各入力項目(<input>タグ)のname属性(部品名)変更
※フォームのデザインが決まっていない場合や、ベーシックなオートビズのフォームを
そのまま貼り付ける場合は、フォームのHTMLソースからそのままHTMLタグをコピーして、
お持ちのサイト側に貼り付けてください。
<form action>(form action)の指定タグ
タグ内にあるaction先と、弊社システムのURLにします。
※URLの「××」「アカウント名」は書き換えてください。
<form action="https://××auto.biz/アカウント名/planmail.php" method="POST">
<mcode>(文字コード)の指定タグ
【注意】ページの文字コードとオートビズ側の文字コードが違うと文字化けしてしまいます。
自作ページの文字コードに合わせて、システムに渡す文字コードの設定を行います。
文字コードは必ず大文字で指定してください。
<input type="hidden" name="mcode" value="文字コード">
Shift-JISの場合 | <INPUT type="hidden" name="mcode" value="SJIS"> |
EUCの場合 | <INPUT type="hidden" name="mcode" value="EUC"> |
UTF-8の場合 | <INPUT type="hidden" name="mcode" value="UTF-8"> |
<pid>(シナリオ)の指定タグ
【注意】このタグが設定されていないと、フォームからの登録時にエラーが出ます。
どのシナリオに登録させるかを判別するためのタグを設定します。
pidはシナリオ一覧メニューから確認いただけます。
<参考>pidについて
<input type="hidden" name="pid" value="シナリオの番号(pid)">
各入力項目のname属性(name="")
HTMLソースには、フォームの入力項目を設定した際の部品名(name属性)が表示されているため、通常はそのままお使いください。変更する場合、入力項目側の部品名と合わせるよう、以下の例に従って設定してください。
お名前(姓名分ける場合) | 姓 name1 |
※姓名を分けない場合は「name1」としてください | 名 name2 |
メールアドレス | |
その他の項目は | fld1~fld8 long1~long4 opt |
submitボタン | sbm |