0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【一行追加するだけ】フォーム入力を爆速にする「browsget.js」で離脱率を下げる方法

0
Last updated at Posted at 2026-03-23

はじめに

お問い合わせフォームや会員登録画面で、何度も同じ情報を入力するのはユーザーにとってストレスです。
今回は、ブラウザに保存された情報を活用して、入力を劇的に楽にするライブラリ「browsget.js」を紹介します。

browsget.jsとは?

browsget.jsは、ブラウザに一時保存された入力内容を、別サイトのフォームでも自動で呼び出せるようにするJavaScriptライブラリです。有名な住所入力補助「ZipAddr」の技術を応用して作られています。

主なメリット

・導入が超簡単: スクリプトをー行読み込むだけ。
・離脱防止: 入力の手間を減らし、コンバージョン率(CVR)の向上が期待できる。
・スマホ最適化: フリック入力が面倒なスマホユーザーに特に喜ばれる。
・強力な自動入力: 標準15項目の編集機能が優れておりブラウザ非依存、設定不要が楽。

導入方法

使い方は非常にシンプルです。HTMLの<body></body>間の設置したい場所に、以下のコードを追加する。

<script defer id="brows-id" src="https://zipaddr.github.io/browsget.js" charset="UTF-8"></script>

※追加位置に操作メニューが表示される。メニュー(デザインはお任せ)
※メニューを任意の場所に設置したい場合は、script文の前へ下記を記述する。

<span id="brows-id"></span>

利用手順のイメージ

■情報の事前登録
(1) https://browsjp.com/help/ で「ブラウザ情報管理へ」押下→(2)へ
  help←ここ
(2) https://browsjp.com/update/ でデータ登録(標準15項目)
  update
 ※データ登録・更新・削除、バックアップのdownload/uploadが可能。

■情報の自動入力
フォームに表示されている操作メニューから指示する。メニュー
(1)パスコード(任意:暗証番号)を入力。
(2)「ブラGet」押下で、データが自動挿入される。

■詳細&デモ:browsget.jsの概説

どんな場面で役立つ?

・不動産や求人サイト: 複数の物件や求人に問い合わせる際、何度も同じ情報を打たなくて済む。
・ECサイト: ゲスト購入時の入力負荷を軽減する。
・社内システム: 繰り返し入力が必要な業務フォームの効率化。
※氏名、住所、メールアドレス等、どのフォームにもある項目ですね。

なぜセキュリティが最強なの?

(1)各ブラウザにあるlocalStorage機能で個人情報を利用者の機器内に格納する。
(2)個人情報が管理サイト/browsjp.com側にもないので盗難・紛失がない。
※盗難・紛失の可能性があるのは本人責任の機器だけ。

まとめ

いかがでしたか、これほど簡単に利用できるツールはありません。

・ユーザーの「めんどくさい」を解消するだけで、サイトの価値は大きく上がります。
・既存のフォームに一行足すだけなので、ぜひ試してみてください!

※実例として不動産会社のお問い合わせフォームに適用した場合、
 9/13項目中(約70%)が自動入力できました。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?