東京都新宿区のWeb制作会社 ウェブラボ株式会社

クリエイターブログ

リファラ(リンク元)によるチェックボックス選択

2020.11.20 Posted by

tecmemo2011こんにちは、クリエイターズメモです。

 

自サイトにお問い合わせフォームなどを設置している方々、少しでもコンバージョン数を増やしたいと思っていますよね。

 

今回はそんな方々の助けになれるように、ユーザーの入力の手間を減らしてあげるテクニックを紹介したいと思います。

 

少し限られた場面になってしまいますが、チェックボックスの自動選択機能をjavascriptで作ってみます。

 

ここで選択されるチェックボックスは採用サイトのエントリーフォームの職種選択みたいなものを想定しています。

 

早速ですが、まずは作成したDEMOページをご覧ください。

 

チェックボックスの選択が変わったのが分かるように2ページのリンク元を用意しています。ボタンを押してチェックボックスの選択ページへ飛んでみてください。

 

DEMOページ01

 

DEMOページ02

 

リンク元によって選択されるチェックボックスが変わったのを確認できたでしょうか?

 

では解説していきます。

 

■チェックボックスの選択ページHTML

 

特になんて事のないHTMLですね。今回は分かりやすくするために各inputタグにIDを付与しています。

 

■チェックボックスの選択ページjavascript

 

jQueryを利用しているのでまずはjQuery本体を読み込みます。
そしてリファラ(リンク元)を取得して、正規表現により対応したチェックボックスを選択しています。

 

解説は以上です。記述量も少なく簡単に実装できますね!

 

こういった細かいところでユーザー側の負担を減らしてあげるのは、コンバージョン数にも関わってくるので非常に重要です。

 

是非、今一度フォームを見直してみるといいでしょう。

 

以上、クリエーターズメモでした。

オリエンシートダウンロード

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278