--- title: 【第2弾】無料で使える「Hotjar」を活用しよう！ファネル機能でフォーム改善に挑戦 description: 無料で使える「Hotjar」を紹介します。Webページでのユーザの動きを可視化できる機能が充実。サイト訪問者のページ内の動きを、動画やヒートマップで確認できるのです。第2弾では、ファネル機能でフォーム改善に挑戦しましょう。 image: https://www.mk-design.co.jp/hubfs/marketing-hotjar-free-tool-website-step2.png --- [![mklogo](https://www.mk-design.co.jp/hs-fs/hubfs/mklogo.jpg?width=180&name=mklogo.jpg)](https://www.mk-design.co.jp/) ###### 営業をマーケティングで加速する 0120-966-785 [お問い合わせ](https://www.mk-design.co.jp/contact) # マーケティング　ブログ - [Home](https://goodsalespromotion-2774913.hs-sites.com) - [マーケティング　ブログ](https://www.mk-design.co.jp/marketing-column) - 【第2弾】無料で使える「Hotjar」を活用しよう！ファネル機能でフォーム改善に挑戦 ### 記事カテゴリ - [マーケティング (71)](https://www.mk-design.co.jp/blog/topic/マーケティング) - [Salesforce (54)](https://www.mk-design.co.jp/blog/topic/salesforce) - [マーケティングオートメーション (32)](https://www.mk-design.co.jp/blog/topic/マーケティングオートメーション) - [Einstein関連 (28)](https://www.mk-design.co.jp/blog/topic/einstein関連) - [BIツール (15)](https://www.mk-design.co.jp/blog/topic/biツール) - [Tableau CRM（旧Einstein Analytics） (13)](https://www.mk-design.co.jp/blog/topic/tableau-crm旧einstein-analytics) - [HubSpot (10)](https://www.mk-design.co.jp/blog/topic/hubspot) - [Pardot (8)](https://www.mk-design.co.jp/blog/topic/pardot) - [Google Analytics関連 (7)](https://www.mk-design.co.jp/blog/topic/google-analytics関連) - [展示会 (7)](https://www.mk-design.co.jp/blog/topic/展示会) - [テレワーク関連 (6)](https://www.mk-design.co.jp/blog/topic/テレワーク関連) - [Quip (5)](https://www.mk-design.co.jp/blog/topic/quip) - [Wistia (4)](https://www.mk-design.co.jp/blog/topic/wistia) - [Hotjar (3)](https://www.mk-design.co.jp/blog/topic/hotjar) - [SFA導入の心得 (3)](https://www.mk-design.co.jp/blog/topic/sfa導入の心得) - [Trailhead (3)](https://www.mk-design.co.jp/blog/topic/trailhead) - [研修 (3)](https://www.mk-design.co.jp/blog/topic/研修) - [チャットボット (2)](https://www.mk-design.co.jp/blog/topic/チャットボット) - [Account Engagement (1)](https://www.mk-design.co.jp/blog/topic/account-engagement) - [Amazon QuickSight (1)](https://www.mk-design.co.jp/blog/topic/amazon-quicksight) - [お知らせ (1)](https://www.mk-design.co.jp/blog/topic/お知らせ) - [キャンペーン (1)](https://www.mk-design.co.jp/blog/topic/キャンペーン) - [キャンペーン管理 (1)](https://www.mk-design.co.jp/blog/topic/キャンペーン管理) - [ダッシュボード (1)](https://www.mk-design.co.jp/blog/topic/ダッシュボード) - [動画 (1)](https://www.mk-design.co.jp/blog/topic/動画) [カテゴリ一覧を表示▶](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#) # 【第2弾】無料で使える「Hotjar」を活用しよう！ファネル機能でフォーム改善に挑戦 執筆者：[原 友香](https://www.mk-design.co.jp/blog/author/hara-yuka)   **ユーザの動きを動画で確認し、問い合わせフォームを改善しよう**      **![marketing-hotjar-free-tool-website-step2](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2.png?width=300&name=marketing-hotjar-free-tool-website-step2.png)「Hotjar」というサイト分析ツールをご存知でしょうか？** **サイト訪問者のページ内の動きを、動画やヒートマップで確認できるのです。** **さらに、Hotjarのすごいところは、無料でも使えるということ！** **今回は、「ファネル機能」（Funnels）に注目して、例をみながらフォームを改善しましょう。** ****前回のブログをご覧になっていない方は、先に第１弾からご覧になることをお薦めします。****   [![Hotjar第１弾 ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/21320afe-c87c-4fb1-b78c-9569f6c34e48.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/21320afe-c87c-4fb1-b78c-9569f6c34e48) ☚無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化 **◆目次◆** 1. [【復習】この機能は使える！Funnels編](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#topic_1) 2. [【例】「問い合わせフォーム」のコンバージョンを上げるには？](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#topic_2) 3. [【分析ポイント①】導線の傾向を確認](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#topic_3) 4. [【分析ポイント②】ユーザ目線になる](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#topic_4) 5. [Hotjar活用のまとめ](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-02#topic_5)     ******【復習】この機能は使える！Funnels編　****** 前回、 Hotjarで提供される主な機能は8種類であると紹介をしました。 【第一弾】[*無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化*](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01) 今回は「Funnels」機能を使いながら、実例を踏まえて分析していきましょう。 「Funnels」機能の特徴は、離脱するページと割合、さらにその該当者の**「動画」**を見る事ができる事！！ なぜ問い合わせページまで来て、実際の問い合わせに繋がらないのだろうか… といったグレーゾーンを**「実際に画面で見る」ことができるのは、Webサイトの改善にかなり有力な情報ですね！**  ![marketing-hotjar-free-tool-website-step2_08](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2_08.png?width=1920&name=marketing-hotjar-free-tool-website-step2_08.png)   英語が苦手でも大丈夫！   　Hotjarの画面は、英語になりますが、日本語にする裏技があります。 　Chromeのブラウザをご利用であるならば、右クリック**「日本語に翻訳（T）」****を活用**すれば、 　下記のような画面になりますので試してみてはいかがでしょうか。   (一部、自動翻訳の問題で変わった日本語の言い回しがまざりますが、システム画面的には、特に大きな問題はなく利用できるかと思います。） ![marketing-hotjar-free-tool-website-step1_10](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_10.png?width=1466&name=marketing-hotjar-free-tool-website-step1_10.png) ** **           ******【例】「問い合わせフォーム」のコンバージョンを上げるには？****** サイトに、「問い合わせフォーム」を設置している方は多いと思います。 こちらはサンプル例ですが、下記のグラフをご覧ください。 今回、注目したいのは**「離脱率100％」の部分です。** これは、**「お問い合わせフォーム」の画面には辿り着いているが、実際に「問い合わせ」をすることを誰もしなかった。** という事実になります。 なぜ、そのようなことが起こっているのか、実際にそのタイミングで離脱したユーザの動きを画面で見て分析してみましょう。 離脱率100％となっている、STEP3の「watch」ボタンを押下し、動画を確認することが出来ます。  ![marketing-hotjar-free-tool-website-step2_08](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2_08.png?width=1920&name=marketing-hotjar-free-tool-website-step2_08.png)         ******【分析ポイント①】導線の傾向を確認****** どのように離脱したのか、導線の傾向を、該当する動画を見て確認しましょう。 今回の例では、下記のような離脱の導線傾向があることが分かりました。   【一例】動画：問い合わせフォーム離脱の傾向   ◆動画を参考 **導線例：ブログ数件閲覧⇒問い合わせ⇒サービス紹介⇒ブログ数件閲覧⇒離脱** 　　①「お問い合わせのカテゴリをお選び下さい。*必須」など、「**選択してください**」の途中でとまる傾向がある。 　　②記載内容や選択に迷い、別メニュー（サービス紹介など）等に移動し、そのまま離脱   ![marketing-hotjar-free-tool-website-step2_05](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2_05.png?width=800&name=marketing-hotjar-free-tool-website-step2_05.png)             ******【分析ポイント②】ユーザ目線になる****** ここで考えなくてはならないのが、なぜ【分析ポイント①】のような導線で、離れてしまったのかです。 その原因を完全に把握することは出来ませんが、導線を参考にしながら、ユーザの心理を想像力を使って推測していく必要があります。 今回の例をとって考えていきましょう。   【STEP１】例から考える考察 【問い合わせフォーム離脱の傾向より】 - **①選択を一度迷うと、再検討の時間を与えてしまう為、問い合わせ自体をやめてしまうのではないか？** ![marketing-hotjar-free-tool-website-step2_04](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2_04.png?width=600&name=marketing-hotjar-free-tool-website-step2_04.png)   - **②選択肢の内容が難しいと、ユーザが離れていくのではないか？　　** - 問い合わせて質問をしても、返答も難しく、自分には理解出来ないかもしれないと不安になりますね。       【STEP2】改善の方向性 【改善の方向性】 **よりシンプルに、問い合わせられる様、敷居を低くしてはどうか？** ★問い合わせを記載する人のイメージ 　ぼんやりと課題意識をもった人のが多いと仮定 ★どう問い合わせさせるか 　必要最低限のユーザ情報と、問合わせ内容を記載で送信へ   【STEP3】改善の具体案   **①**初めて問い合わせする場合に迷う項目を置かず、項目を出来る限り「削る」 ②文章表現を、誰にでもわかりやすく敷居を下げる：（例）専門用語や英語の略語を多用しない ③プルダウン選択ではなく、ぱっと選びやすいラジオボタン式へ変更 　   今回は、改善案①を採用し、フォームを下記のように改善しました。 見た目もスッキリし、短時間でフォームを埋められるようになりましたね。 ![marketing-hotjar-free-tool-website-step2_06](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step2_06.png?width=600&name=marketing-hotjar-free-tool-website-step2_06.png)         ******Hotjar活用のまとめ****** Hotjar編、第２弾、如何でしたでしょうか。 フォームはWebサイトの重要な要素であり、コンバージョンを上げる為、Hotjarをぜひご活用下さい。 業務内容やクライアントがそれぞれ違いますので、これといった正解はないと思っております。 ただ、サイトがどう見られているのか、どうやったら良くなるのかは、PDCAを素早く回し、 試行錯誤しながら改善をしていきましょう！！ Hotjarは無料で使えるツールですので、試してみても損はありません。Webサイトのマーケティングや分析に、ぜひご活用下さい。   【次回のブログ】  次回は、**無料プランでHotjarを使い続けるコツの１つ、****「レコーディングの削除機能」**ついて紹介します。  それでは次回もお楽しみに！    [![Hotjar第１弾 ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/21320afe-c87c-4fb1-b78c-9569f6c34e48.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/21320afe-c87c-4fb1-b78c-9569f6c34e48)☚無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化 [![Hotjar第３弾 ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/8a737a0d-6d93-49d2-94fc-ea79648b03ad.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/8a737a0d-6d93-49d2-94fc-ea79648b03ad)☚無料で使える「Hotjar」を活用しよう！無料プランで使い続けるには？     [![ 間違ったマーケティング・セールスでは会社はつぶれる（１） あなたの会社のマーケティング・セールスは進化していますか？　マーケティング・セールスの方法は人口減少や、マーケットの縮小などにより変化が必要です。マーケティング・セールスの根本的な仕組みが分かる小冊子『間違ったマーケティング・セールスでは会社はつぶれる（１）』では、マーケティング・セールスの基本知識の習得ができます。 資料をダウンロードする ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/44ba5915-30be-4720-9f36-e4911f5f7f19.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/44ba5915-30be-4720-9f36-e4911f5f7f19)       [![気軽にお問い合わせ下さい ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/ae25b5c6-ad29-44a6-867d-36c91bbc4134.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/ae25b5c6-ad29-44a6-867d-36c91bbc4134)   どんな小さな質問・ご相談でも構いません。まずは、気軽にご相談ください。 ### オススメのブログ記事 20代の頃から、営業会社の組織を率いるかたわら、営業の重要性を認識しながらも、営業の限界について自問自答をし続ける。30代でCRMとSFAに出会いその限界を打破する光が見えつつも、変革しなければならないプロセスの多さに愕然とする。40代に入りマーケティングオートメーションと出会い、見込み客獲得から、見込み客教育、商談化のプロセスの自動化について体現する。商談化前が自動化されることにより、商談後の生涯顧客価値を最大化させるプロセスの見える化、見える化による再現性のある営業組織づくりを実現。同じ悩みをもつ日本企業の解決策を提供すべく、マーケティングデザインを設立。詳しくは[こちら](https://www.mk-design.co.jp/company) 2000年半導体部品メーカーに入社。企画部門にて3次元CADの導入などによる業務効率化を成功させる。その後、CAE専門企業に移り、マーケティング活動全般、SFA導入プロジェクトに関わる。マーケティングの可能性を追求すべく、2015年にBtoBマーケティング専門エージェンシーにて、Pardot、Marketo、Hubspot、シャノンなどのマーケテイングオートメーションツールの導入や各種業界を支援。Pardotは、日本に入ってきた当初からサポート。 2017年5月より現職のCMOとして紹介キャンペーンツール「 [KUCHICO PREMIUM](https://www.kuchi-co.com/)」や [店舗集客支援](https://www.goodsalespromotion.jp)のマーケティング活動、2018年4月にはインサイドセールスの立ち上げ、ITを駆使した会社の生産性向上などHR部門も統括。また、同時に、中小企業におけるマーケティング支援、SFA支援や構築、人材の育成にもつとめる。Salesforceの導入事例として掲載されました。詳しくは[こちら](https://www.salesforce.com/jp/customer-success-stories/maxhills/) 2019年のはじめに入社し、Salesforce のEinsteinAnalyticsを活用した分析業務に取り組ませていただいております。ダブルワークしており、フリークライマーとしての活動の傍ら業務に取り組んでおります。マーケティングデザインでは私が取り組んできた分析業務の活用事例を紹介させていただくことで、営業支援ツールの導入・活用に役立つ情報を提供していきたいと考えております。機会があれば私自身の勤務の様子をご紹介させていただくかもしれません。ダブルワーク・テレワークといった勤務スタイルがどのように確立されているかなど、興味がある方々にとって有益な情報を発信できるように頑張ります。 [![Share on Facebook](https://static.hubspot.com/final/img/common/icons/social/facebook-24x24.png)](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.mk-design.co.jp%2Fblog%2F2018%2F08%2Fmarketing-hotjar-free-tool-website-02%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on LinkedIn](https://static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png)](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.mk-design.co.jp%2Fblog%2F2018%2F08%2Fmarketing-hotjar-free-tool-website-02%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on Twitter](https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png)](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.mk-design.co.jp%2Fblog%2F2018%2F08%2Fmarketing-hotjar-free-tool-website-02%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.mk-design.co.jp%2Fblog%2F2018%2F08%2Fmarketing-hotjar-free-tool-website-02%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=%E3%80%90%E7%AC%AC2%E5%BC%BE%E3%80%91%E7%84%A1%E6%96%99%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%80%8CHotjar%E3%80%8D%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%82%88%E3%81%86%EF%BC%81%E3%83%95%E3%82%A1%E3%83%8D%E3%83%AB%E6%A9%9F%E8%83%BD%E3%81%A7%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E6%94%B9%E5%96%84%E3%81%AB%E6%8C%91%E6%88%A6) ### 業務に役立つ情報をチェック マーケティングデザインのご相談、 弊社サービスへのお問い合わせ等はお気軽に - [お問い合わせ](https://www.mk-design.co.jp/contact) ![mklogo_black](https://www.mk-design.co.jp/hs-fs/hubfs/mklogo_black.jpg?width=196&name=mklogo_black.jpg) - [twitter](https://twitter.com/mk_designjp) - [facebook](https://business.facebook.com/MarketingDesignJP/) Copyright 2026 | Marketing Design, inc. ```json { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.mk-design.co.jp/", "logo": "https://www.mk-design.co.jp/hs-fs/hubfs/Marketing%20Design%20April%202017/Images/logo.png", "contactPoint": [{ "@type": "ContactPoint", "telephone": "+81-0120-966-785", "contactType": "sales" "sameAs": [ "https://www.facebook.com/MarketingDesignJP/", "https://twitter.com/mk_designjp" }] } ```