--- title: 【第1弾】無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化 description: 無料で使える「Hotjar」を紹介します。Webページでのユーザの動きを可視化できる機能が充実。サイト訪問者のページ内の動きを、動画やヒートマップで確認できるのです。今回は「Hotjar」とは何か、無料プランでどこまで使えるのかなどを紹介します。 image: https://www.mk-design.co.jp/hubfs/marketing-hotjar-free-tool-website-step1_09.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) - 【第1弾】無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化 ### 記事カテゴリ - [マーケティング (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-01#) # 【第1弾】無料で使える「Hotjar」が熱い！Webページでのユーザの動きを可視化 執筆者：[原 友香](https://www.mk-design.co.jp/blog/author/hara-yuka)   ******無料でも充実した機能。英語ツールを日本語で使う裏技も紹介**！****   **![marketing-hotjar-free-tool-website-step1_09](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_09.png?width=500&name=marketing-hotjar-free-tool-website-step1_09.png)** ** ** **マーケティングデザインの原です。****「Hotjar」というサイト分析ツールをご存知でしょうか？** **サイト訪問者のページ内の動きを、動画やヒートマップで確認できるのです。** **さらに、Hotjarのすごいところは、無料でも使えるということ！** **直感的で分かりやすい画面は、細かい分析がまだ苦手、というマーケティング初心者** **にも****オススメです。ブログ内では、日本語で利用できる裏技もご紹介します！**    **◆目次◆** 1. [「Hotjar」とは？](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_1) 2. [無料プランで出来ること](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_2) 3. [無料プランでも使える機能](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_3) 4. [「Hotjar」を動画で紹介](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_4) 5. [この機能は使える！Funnels編](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_5) 6. [Hotjarを日本語画面にする裏技！](https://www.mk-design.co.jp/blog/2018/08/marketing-hotjar-free-tool-website-01#topic_6) ## **「Hotjar」とは？** [「Hotjar」（ホットジャー）](https://www.hotjar.com/)とは、**サイト訪問者のページ内の動きを、動画やヒートマップで確認できるサイト分析ツールです。** - サイト分析ツール、といえば、アクセス解析などで既にGoogleアナリティクスを利用している方が多いと思います。 - アナリティクスと違うところは、あくまでHotjarは「ページ内」のユーザの動きに特化している点です。 例として、下記のようなことを可視化するのに役立ちます。   1. **ランディングページ内をどのような順で読んでいるか** 2. **「問い合わせフォーム」や「アンケート」のページでなぜ入力に時間がかかっているのか** 3. **トップページで、一番クリックされやすい場所はどこなのか** 4. **ブログにおいて、読み飛ばされる部分と熟読される部分はどこなのか** 等々、アクセス解析で出されたデータだけでは、分からない部分がありますね。 そういったものを「ヒートマップ」や「動画」といった可視化できるもので、ユーザの実際の行動から、マーケティングの改善や、施策案が生まれてくる場合があり、Hotjarはそういった意味で役立つツールになると思います。 **それが無料で利用できるとあれば、試しても損はありません！** **【ヒートマップ例】** ![marketing-hotjar-free-tool-website-step1_02](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_02.jpg?width=600&name=marketing-hotjar-free-tool-website-step1_02.jpg)   Hotjar公式ホームページ   [Hotjar公式ホームページ](https://www.hotjar.com/) ※現時点では、公式ページは、英語版のみです。 　英語ではありますが、登録自体は難しくはなく、Chromeのブラウザをご利用であるならば、 　右クリック**「日本語に翻訳（T）」**や、ページ上部にある**「翻訳切り替えボタン」**を活用してみるのも１つの手段です。  ![marketing-hotjar-free-tool-website-step1_03-1](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_03-1.png?width=1639&name=marketing-hotjar-free-tool-website-step1_03-1.png)   ## ******無料プランで出来ること******  Hotjarには、形態に合わせて様々なプランが用意されています。詳しくは[こちらの公式価格ページ](https://www.hotjar.com/pricing)を参考にして下さい。 **今回おすすめしたいのが、「パーソナル」の「BASIC」無料プランです。**（2018/7/31時点） 画面仕様が**英語**であること、****１日2000PVまで、300件までのレコーディング記録、**** ****ヒートマップは３件まで、といった******制限**がありますが、 正直そこまで難しい画面仕様ではなく、割と、視覚的・直感的である程度触れるツールでもありますので、 試しに使っても損はありません。 後々、必要に応じて、他の有料プランを検討してみても良いかもしれませんね。 ## ******無料プランでも使える機能******  Hotjarで提供される主な機能は8種類です。 1. ヒートマップ 2. レコーディング（録画） 3. ファネル機能 4. フォーム 5. 訪問者への質問・ポップアップ 6. チャット式簡易フィードバック 7. アンケート調査 8. ユーザー調査依頼   具体的には、下記のような画面で、アクセス分析や、フィードバック設定をする出来ます。 **①ヒートマップ（Heatmap ）** ページのどこの部分が良く見られているかが、色で視覚的にわかるようになります。赤が注目が集まっている場所ですね。 ** ![marketing-hotjar-free-tool-website-step1_02](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_02.jpg?width=600&name=marketing-hotjar-free-tool-website-step1_02.jpg)**   **②レコーディング（Visitor Recordings ）　** ユーザがサイトを閲覧した際の動画が記録されています。**マウスとスクロール動き**がここで分かります。 実際はページの下までほとんどスクロールされていなかった、 下部のボタンの存在に、ほとんどの人が気付いていないのでは？...など新しい発見があるかもしれません。   **③ファネル機能（Conversion Funnels ）** ページにおける離脱率と、該当の動画を確認することが出来ます。 ![marketing-hotjar-free-tool-website-step1_11](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_11.png?width=1920&name=marketing-hotjar-free-tool-website-step1_11.png)   **④フォーム** 　フォームを作成することが出来ます。　　　 **⑤訪問者への質問・ポップアップ** 　顔のアイコンで、満足度を選択させ、ユーザは、ページの感想を残すことが出来ます。 ![marketing-hotjar-free-tool-website-step1_05](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_05.png?width=370&name=marketing-hotjar-free-tool-website-step1_05.png) **⑥チャット式簡易フィードバック** 　　事前に設定した質問を、チャット形式で自動で聞くことが出来ます。 **⑦ユーザー調査依頼　** 　テストユーザを募集することが出来ます。 ## ******「Hotjar」を動画で紹介******  公式サイトから、Hotjarの紹介動画がありました。英語版ですが、イメージをつかみやすいと思いますので、 ぜひ参考にしてください。 **【紹介動画】Intro to Hotjar... in 60 seconds**   ## ******この機能は使える！Funnels編　******  上記で、簡単に機能の説明をしましたが、その中でもオススメしたいのが、「Funnels」機能です。 下記の画面をご覧ください。この機能ですごいポイントは、 離脱するページと割合、さらにその該当者の**「動画」**を見る事ができる事！！ なぜ問い合わせページまで来て、実際の問い合わせに繋がらないのだろうか… といったグレーゾーンを**「実際に画面で見る」ことができるのは、Webサイトの改善にかなり有力な情報ですね。**  ![marketing-hotjar-free-tool-website-step1_11](https://www.mk-design.co.jp/hs-fs/hubfs/marketing-hotjar-free-tool-website-step1_11.png?width=1920&name=marketing-hotjar-free-tool-website-step1_11.png) ## **Hotjarを日本語画面にする裏技！** Hotjarが無料で使える、便利なツールである事は分かったけど、やっぱり英語の画面を触るのは抵抗がある… といった方にオススメの方法があります。 ぜひ、Chrome画面で開き、自動翻訳機能を活用してみましょう。   英語が苦手な方へ…   　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) ** ** Hotjar編、第１弾、如何でしたでしょうか。無料で使えるツールですので、試してみても損はありません。Webサイトのマーケティングや分析に、ぜひご活用下さい。 【次回のブログ】  次回は、この「Funnels」機能によりフォーカスし、実際の設定から分析方法を紹介します。 引き続き、次回もお楽しみに！   [![Hotjar第２弾 ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/2774913/f952fed3-ae39-49ca-81e5-9f9a59b97b54.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/f952fed3-ae39-49ca-81e5-9f9a59b97b54)☚無料で使える「Hotjar」を活用しよう！ファネル機能でフォーム改善に挑戦 [![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/1d9c357b-349c-49ab-96c3-6ca9509a1cac.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/2774913/1d9c357b-349c-49ab-96c3-6ca9509a1cac) ### オススメのブログ記事 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-01%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-01%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-01%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.mk-design.co.jp%2Fblog%2F2018%2F08%2Fmarketing-hotjar-free-tool-website-01%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=%E3%80%90%E7%AC%AC1%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%81%8C%E7%86%B1%E3%81%84%EF%BC%81Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E3%81%AE%E3%83%A6%E3%83%BC%E3%82%B6%E3%81%AE%E5%8B%95%E3%81%8D%E3%82%92%E5%8F%AF%E8%A6%96%E5%8C%96) ### 業務に役立つ情報をチェック マーケティングデザインのご相談、 弊社サービスへのお問い合わせ等はお気軽に - [お問い合わせ](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" }] } ```