STEP 1
フォームの URL を入力
HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。変換する項目は、文字を入力する項目（1 行テキスト、複数行テキスト、メールアドレス、電話番号）にして、非表示にせずにフォームに置いておきます。
STEP 2
フォームの確認
STEP 3
変換する項目
項目ごとに、どう変換するかを選びます。項目は、フォームに表示される項目名か、プロパティの内部名のどちらかを書きます。フォームを読み取ると、入力欄でフォームの項目から選べます。項目は 30 項目まで追加できます。変換の順番は決まっていて、選んだ順には左右されません。
変換の説明
- 英数字・記号を半角に
- 全角の英数字・記号と全角スペースを半角にします。例：ＡＢＣ１２３＠ → ABC123@
- 半角カタカナを全角に
- 濁点・半濁点は 1 文字にまとめます。例：ｶﾞｲﾄﾞ → ガイド
- カタカナをひらがなに
- ふりがなの項目向けです。半角カタカナも対象です。「ヶ月」などで使う「ヵ」「ヶ」は変えません。例：ヤマダ → やまだ
- 続く空白を半角の空白ひとつにそろえる
- 続いた空白や全角スペースを、半角スペース 1 つにします。改行はそのまま残します。
- 空白をすべて消す
- 電話番号・郵便番号などの項目向けです。改行はそのまま残します。「続く空白を半角の空白ひとつにそろえる」と両方オンのときは、こちらを優先します。
- ハイフン・長音のゆれを「-」にそろえる
- － − ‐ – — ― などを半角の「-」にします。長音「ー」は、英数字の間（例：０３ー１２３４）のときだけ「-」にし、「コーヒー」のようなかなの長音は残します。
- 前後の空白を消す
- 先頭と末尾の空白を消します。先頭と末尾の改行も消します。
STEP 4
動作の記録
ブラウザの開発者ツールに出す記録の詳しさです。URL に ?kp_debug=1 を付けると、この設定に関係なくページ下部に記録を表示します。
STEP 5
埋め込みコードの貼り付け
コピーしました
コードには全角半角コンバータの本体も含まれるため、長くなります。省略せずにすべて貼り付けてください。
- HubSpot で、フォームを設置したページの編集画面を開きます
- 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
- ページを更新（公開）します
変換は、入力欄から離れたときと、「次へ」「送信」を押したときに行います。入力している間は変換しません。入力内容を外部に送ることはありません。変換は、ご覧になっているブラウザの中だけで行います。
確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。
正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。