執筆書籍アクセス解析マーケティングリスティング広告SEOSNS・ソーシャルメディアWeb制作ホームページ制作関連ランディングページ制作EC・モールツール2015.10.22エントリーフォームを最適化し、ホームページからの問い合わせを増やす方法Web制作ECサイト等において、エントリーフォーム最適化(EFO)を行うことは、成約率向上につながります。そこで本記事では、Javascriptを用いてホームページからの問い合わせを増やす方法を解説致します。コストをかけずにエントリーフォームを最適化し、成約率をアップさせたいウェブ管理者の方、必見です。Javascriptを盛り込む前のhtmlソースコードと、それをブラウザで表示したエントリーフォーム(デモ)を紹介します。今回はなるべく分かりやすくするため、CSSは設定しておりませんのでご了承下さい。〒***************************************************************************************コードのinputタグの中に、「placeholder=”田中”」などという記述があると思います。これはテキスト入力欄に記入例を表示させる記述で、ユーザーにとって分かりやすくする為の工夫です。このままでは、上の入力が「面倒だ」と思い、離脱してしまうユーザーが現れる可能性があります。その改善策として、以下でふりがな、住所を自動入力させる機能の導入をご紹介致します。ふりがなが自動で入力されるJavascript導入方法まず必要な以下のJavascriptファイルをダウンロードします。・jQuery.autoKana.js・jQuery-1.11.3.mim.jsダウンロードした際、上記と同じファイル名のJavascriptのファイルが入っていると思いますので、それらをエントリーフォームのhtmlと同じディレクトリに保存して下さい。次に、以下のJavascriptコードを、html内のbodyタグの中に挿入します。//true:カタカナ、false:ひらがな(デフォルト)});});</script>コードの1、2行目は、先ほど保存したJavascriptファイルをローカルで呼び出すコードです。重要で、これは「htmlファイルと同じ階層にある」ことを示します。住所を自動で表示するJavascriptは、ウェブ上にファイルがありますので、先ほどのようにファイルをダウンロードして保存する必要はありません。以下のコードをhtmlのheadタグ内に挿入することで、ウェブに存在するJavascriptファイルを呼び出してくれます。src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js"></script>次に郵便番号を入力するinputタグに、以下のコードを属性として挿入します。1onKeyUp="AjaxZip3.zip2addr(this,'','addr11','addr11');"郵便番号を入力しただけで住所が自動で表示されるようになりました。〒***************************************************************************************今回は簡単にできる工夫でエントリーフォームを最適化できる方法をご紹介致しました。実践できる内容なので、是非あなたのサイトでも活用してみて下さい。まで一気通貫した完全オーダーメイドのWebコンサルティング。お客様のビジネスゴールに向けた戦略的コンサルティングを行います。ホームページ制作キレイなだけじゃない競合分析・サイト設計から更新・運用までトータルサポート。Web集客のプロが在籍しているアクシスだからこそ実現するデータに基づき最適化されたHPを制作します。あなたのサイトを丸裸にWebサイトの現状を正しく把握し、目指すべき姿とのギャップを知る。“2軸思考”であなたのWebサイトを丸裸にし、Webサイトで今何が起きているかを正しく把握します。最新情報をお届けメールアドレスを登録していただくと、おすすめ情報やアクシスブログの更新情報をお届けいたします。058-267-1430URL:https://www.axis-corp.com/お問い合わせはこちら私達は、お客様のインターネットからの売上・利益を最大化させるネット技術のプロフェッショナル集団です。WEBコンサルティング、集客、解析、ホームページ制作などさまざまなサービスを用いて、お客様にとって最適な状態を導き出します。すべてのお客様に、一流の結果をご提供いたします。CORPORATION。