ハレフル ロゴ

add apps テンプレートマーケットプレイス版

ふりがなの自動入力 ご利用ガイド(テンプレートマーケットプレイス版)

HubSpot のフォームで、氏名などを日本語入力(IME)で入力すると、漢字に変換する前の読みを、ふりがなの項目へ自動で入力します。「姓」「名」を入力するだけで「セイ」「メイ」が埋まるため、入力の手間が減り、ふりがなの入力漏れも防げます。お問い合わせ、資料請求、セミナーの申し込みなど、氏名のふりがなを受け取るフォームに向いています。

提供
株式会社ハレフル(add apps)
料金
無償
版
1.1.0

できること

  • 読みを拾う項目(例:姓)に日本語入力で入力すると、変換前の読みを、ふりがなの項目(例:セイ)へ入力します。「山田」と入力すると、ふりがなの項目に「ヤマダ」が入ります
  • 読みを拾う項目とふりがなの項目の組は、10 組まで設定できます(姓と名、会社名と会社名のふりがな など)
  • ふりがなの表記を、全角カタカナ(ヤマダ)かひらがな(やまだ)から選べます。半角カタカナで入力された読みも、選んだ表記にそろえます
  • 「山田」と確定したあと続けて「太郎」と入力するように、何回かに分けて入力したときは、読みを後ろに足していきます(ヤマダタロウ)
  • 日本語入力を使わずに、かなを直接入力したときも、そのかなをふりがなに足します
  • 読みを拾う項目をすべて消すと、ふりがなの項目も空にします
  • ふりがなの項目にすでに入力(前回の入力、手で直した値など)があるときは、書き換えないようにできます

ふりがなの項目は、ふつうの入力欄のままです。読みがうまく拾えなかったときは、入力する方が手で直せます。送信は HubSpot フォームの標準のボタンで行い、送信後の動き(お礼の表示、通知、ワークフローなど)は今までどおりです。

使える条件

対象使えるか
「フォームエディター」で作ったフォーム使えます
「旧フォームエディター」で作ったフォーム使えません
HubSpot のランディングページ・ウェブサイトページに置いたフォーム使えます
HubSpot 以外のサイトに埋め込んだフォーム使えません
フォームの共有リンク(フォームだけを開く URL)使えません

ご注意

  • 読みを拾う項目とふりがなの項目は、どちらも「1 行テキスト」の項目にしてください
  • 次の入力では、かなの段階を経ずに文字が確定するため、読みを拾えません。ふりがなの項目は非表示にせず、入力する方が手で直せるようにしておいてください
    • スマートフォンの一部の入力方式
    • 予測変換の候補を直接選んだとき
    • 音声入力
    • 貼り付け
    • ブラウザの自動入力
  • 読みを拾う項目の途中の文字を消したり書き換えたりしても、ふりがなは追従しません。入力し直すときは、読みを拾う項目をすべて消してから入力してください(すべて消すと、ふりがなの項目も空になります)
  • 拾うのは、変換する前に入力した読みです。「かず」と入力して「和」に変換したときは「カズ」が入ります。名前の読みが変換前の入力と違うとき(例:「わ」と入力して「和」にした)は、ふりがなを手で直していただく必要があります
  • 「ふりがなの欄に入力があるときは上書きしない」がオン(初期の設定)のときは、読みを拾う項目に入ったときに、ふりがなの項目に入力があれば、その値を書き換えません。ふりがなを手で直したあとに読みを拾う項目を入力し直したり、すべて消したりしても、ふりがなは変わりません
  • 送信が終わったあとは、ふりがなを入力しません
  • 「フォームの確認画面」(add apps 1)などほかの add apps と一緒に使えます
  • お使いのテーマ・テンプレートはそのまま使えます。ページのドラッグ&ドロップのエリアにモジュールを置いてください。ドラッグ&ドロップのエリアがないテンプレートでは、モジュールを置けません
  • モジュールを置いた位置には、何も表示されません
  • 同じフォームに、同じ add apps を 2 つ以上入れないでください(モジュールを 2 つ置く など)。二重に動きます

導入の手順

1. フォームを準備する

  1. HubSpot で、ふりがなを入れる「1 行テキスト」のプロパティを作ります(例:「姓(カナ)」「名(カナ)」)。すでにあるプロパティを使っても構いません
  2. フォームの編集画面を開き、読みを拾う項目(例:姓、名)と、ふりがなの項目をフォームに置きます
  3. フォームを公開します
  4. 各項目の、フォームに表示される項目名か、プロパティの「内部名」を控えておきます(内部名はプロパティの設定画面で確認できます。例:lastname、lastname_kana)

2. ページにモジュールを置く

  1. HubSpot で、フォームを置いたページの編集画面を開きます
  2. 「追加」から「add apps ふりがなの自動入力」のモジュールを探し、ページのドラッグ&ドロップのエリアに置きます。置く場所は、フォームの近くでなくても構いません
  3. モジュールの設定欄で、次の項目を設定します
設定欄内容
フォーム同じページに置いたフォームを選びます
読みを拾う項目とふりがなの項目読みを拾う項目と、ふりがなの項目の組を入れます。10 組まで追加できます。使わない組は、両方とも空のままにしてください
読みを拾う項目手順 1 で控えた項目名か内部名を入力します(例:lastname)
ふりがなの項目手順 1 で控えた項目名か内部名を入力します(例:lastname_kana)
ふりがなの表記全角カタカナ(ヤマダ)/ひらがな(やまだ)
ふりがなの欄に入力があるときは上書きしないオンにすると、ふりがなの項目にすでに入力があるときは、その値を書き換えません。初期の設定はオンです
詳細設定動作の記録の詳しさ
  1. ページを更新(公開)します
  2. 公開したページで、次のことを確かめます
    • 読みを拾う項目に日本語入力で入力すると、ふりがなの項目に読みが入ること
    • 送信すると、コンタクトのふりがなのプロパティに保存されること

設定が足りないとき(組が 1 つも入っていないときなど)は、ページの編集画面の中でだけ、モジュールを置いた位置に案内を表示します。公開したページには表示しません。

困ったとき

ふりがなが入らない

  • モジュールの設定欄で、フォームと、読みを拾う項目・ふりがなの項目が正しく設定されているかを確認してください。組の片方だけが入っている行と、2 つの欄に同じ項目を入れた行は使われません
  • フォームが「フォームエディター」(「旧フォームエディター」ではない方)で作られているかを確認してください
  • ふりがなの項目にすでに入力がないかを確認してください。「ふりがなの欄に入力があるときは上書きしない」がオンのときは、入力がある間は書き換えません
  • 「ご注意」に挙げた入力(予測変換の候補を直接選ぶ、貼り付け など)では読みを拾えません
  • ページを更新(公開)したかを確認してください

ふりがなが二重になる・余分な読みが残る

  • 読みを拾う項目の途中を書き換えても、ふりがなは追従しません。読みを拾う項目をすべて消してから入力し直すか、ふりがなを手で直してください

動作の記録を見る

ページの URL の末尾に ?kp_debug=1 を付けて開くと(すでに ? がある場合は &kp_debug=1)、ページの下部に動作の記録が表示されます。お問い合わせの際は、この記録を添えてください。

ご利用にあたって

  • 無償・無保証で提供しています
  • HubSpot の仕様変更により、動かなくなる場合があります
  • 本ツールの利用により生じた損害について、当社は責任を負いません

Contact

add apps のお問い合わせ

使い方がわからないとき、うまく動かないとき、
ご要望はこちらからご連絡ください。

お問い合わせ