MENU
目次

Hotjar完全ガイド!主な機能、導入・初期設定、応用テク、プラン比較など徹底解説!

【当ブログは、WordPressテーマ「SWELL」、 レンタルサーバー「ロリポップ! ハイスピードプラン」で運営しています。】

「自分のサイト、アクセス数はあるのにコンバージョンが上がらない……」
「どこに問題があるのか、数字だけでは見えづらい!」
「ツールは色々あるけど、設定が面倒で途中で挫折しそう……」
「無料プランでも本当に使えるか不安……」

こんな声に応えるのが、Web解析ツールHotjarです。

  • ユーザーのマウスの動きクリック箇所を色で可視化
  • 訪問セッションを動画録画であとからゆっくり再生
  • ページ内にアンケートを設置し、直接フィードバックを回収

本記事では、Hotjarの主な機能から導入・初期設定、さらに応用テクニックプラン比較まで、初心者の方にもわかりやすく丁寧に解説します。

これを読めば、あなたのサイト改善が一歩も二歩も進むこと間違いなし!🚀

目次

Hotjarでサイト改善を始めよう

Hotjarとは何か

サイト上のユーザー行動を可視化する理由

Hotjarは、訪問者がどこをクリックし、どこで離脱しているかを直感的に把握できるツールです。

  • ヒートマップで関心が集まるエリアを色で表示
  • レコーディングで実際の操作を動画で再生

これにより、数値だけでは見えない「ユーザーの本音」が浮かび上がり、改善ポイントが瞬時にわかるようになります。 🔍

他ツールと比べた強み

多くのアクセス解析ツールが「何人来たか」に注目するのに対し、Hotjarは「訪問者がサイトで何をしたか」にフォーカスします。

スクロールできます
項目Hotjar従来型ツール
可視化手法ヒートマップ/録画/アンケートグラフ/レポート数字のみ
初期設定の簡単さプラグイン or スニペット貼り付けのみコード改修やタグ設定が必要
リアルタイム感すぐに結果を確認可能データ反映にタイムラグあり
ユーザーの声収集ページ内ポップアップでダイレクトにアンケート取得別サービスとの併用が必要

無料プランでできること

利用可能な機能一覧(ヒートマップ、レコーディング、フィードバック)

Hotjarの無料プランでは下記の主要機能が使えます🎉

  • ヒートマップ:クリック・移動・スクロール状況を可視化
  • セッションレコーディング:実際の画面操作を録画
  • フィードバックウィジェット:ユーザーから直接コメントを取得

Tip: 最初にヒートマップで注目ポイントをつかみ、レコーディングで詳細動線を確認→フィードバックで理由を深掘りする流れが鉄板です。

プランごとの制限事項

無料プランには下記のような制限があります。必要に応じて有料版へのアップグレードを検討しましょう💡

スクロールできます
制限項目無料プラン有料プラン
ヒートマップ数最大3ページ分無制限
レコーディング保存件数300セッション1,000~無制限(プランにより異なる)
フィードバック配信数月100件まで月数千件まで
データ保持期間30日90日/1年/無期限(プランにより選択可)

Hotjarの主な機能を深掘り

ヒートマップ機能

クリック/移動/スクロールマップの違いと見方

ヒートマップはページ上のユーザー行動を視覚化し、注目度や離脱傾向を一目で把握できます。

スクロールできます
種類何を示す活用ポイント
クリックマップユーザーがどこをクリックしたかを色で表示CTAボタンリンクの設置場所を改善💡
移動マップマウスの動きを追跡し、視線の流れを可視化重要コンテンツへの視線誘導を強化👀
スクロールマップページのどこまでスクロールされたかを段階的に表示主要コンテンツが見られているかを確認✅
  • 色の見方
    • 赤(高頻度)→ 青(低頻度)
  • 使い方のコツ
    1. まずは重要エリア(お問い合わせフォームなど)のクリック率を確認
    2. 視線(移動)と合わせて視認性を改善

ビジターレコーディング(録画)

セッション再生で分かるユーザーのつまずき

録画機能では、個別の訪問セッションを動画で再生できます。

  • つまずき例
    • フォーム入力で何度も戻る
    • メニューが反応しないと感じて離脱
  • 活用ポイント
    1. 再生速度を2倍速にして短時間で複数セッションを確認
    2. 特定の直帰率が高いページを優先的にチェック
    3. 問題箇所を見つけたら、ヒートマップアンケートで深掘り

コンバージョンファネル分析

離脱ポイントの特定手順

ファネル分析では、購入フローや資料請求などのステップごとの離脱率を可視化します。

  1. ファネル設定
    • 手順を①TOPページ ②商品ページ ③カート ④購入完了…のように定義
  2. データ収集
    • 一定期間(例:1週間)アクセスを貯める
  3. 離脱率確認
    • 各ステップごとの離脱ユーザー数をグラフで把握
  4. 原因分析
    • 該当ステップでヒートマップ録画を併用して改善ポイントを特定

🚀 改善例:カート画面で離脱が高い場合、フォーム項目を減らして手順をシンプル化

フィードバック&サーベイ

ポップアップ/インページアンケートの設計

  • ポップアップ:画面中央に表示し、即時回答を促進
  • インページアンケート:ページ下部やサイドバーに埋め込み型で違和感なく設置

TIP: 質問は2~3問以内に絞ると回答率が大幅UP📈

ターゲット設定と表示タイミング

  • ターゲット例
    • 新規訪問者のみ
    • 特定URL/カテゴリーの閲覧者
  • 表示タイミング
    • ページ滞在30秒後
    • スクロール60%到達時
    • 離脱検知(マウスがタブ外へ移動)
スクロールできます
設定例メリット
新規訪問者×30秒後初見ユーザーの生の声をキャッチ
スクロール60%到達興味が深いユーザーから詳細意見を回収

これらの機能を組み合わせて運用すれば、ユーザー体験を段階的に改善し、サイトの成果を最大化できます! 🚀💪

導入から初期設定までのステップ

アカウント登録とサイト追加

Googleアカウント連携による簡単登録

  1. Hotjar公式サイトにアクセスし、「Sign up」をクリック
  2. Googleアカウントを選択して認証
  3. 初回ログイン時に表示されるサイト追加画面で、計測したいドメインを入力
  4. プロジェクト名(任意)を設定し、「Create Site」を押下

🎉 これだけでアカウント作成とサイト登録が完了!

コードの埋め込み方法

WordPressプラグイン経由の設定手順

  1. 管理画面のプラグイン>新規追加から「Hotjar」を検索
  2. 「Hotjar for WordPress」をインストール&有効化
  3. 設定>Hotjarメニューに移動
  4. アカウント作成時に発行されたSite IDを入力
  5. 「Save Changes」を押して反映を確認
スクロールできます
ステップ説明
1プラグインのインストール
2Site IDの貼り付け
3設定保存&動作確認

Googleタグマネージャーでのスニペット挿入

  1. GTM管理画面にログイン
  2. 左メニューの「タグ>新規>タグの設定」でカスタムHTMLを選択
  3. Hotjarのトラッキングスニペットを貼り付け
  4. 発火条件を「All Pages」に設定
  5. 右上の「送信」→「公開」で反映

🔄 タグマネージャーを使えば、テーマ編集不要で複数サイトへ一括展開も可能です。

管理画面を日本語化する裏ワザ

  1. ブラウザ拡張機能「User JavaScript and CSS」などを導入
  2. 下記のカスタムCSSを追加
   /* ヘッダーの「Dashboard」を「ダッシュボード」に変更 */
   .hj-dashboard-header__title::after {
     content: "ダッシュボード";
     font-weight: bold;
   }
   .hj-dashboard-header__title {
     visibility: hidden;
   }
  1. 保存後、Hotjar管理画面をリロードすると日本語表示に一部置換

💡 完全日本語化ではありませんが、主要メニューだけでも読みやすくなります。

応用テクニックでさらに深掘り

フォーム解析で離脱率を下げる

  • 入力フィールドごとの離脱ポイントを可視化し、長すぎる項目や分かりにくいラベルを発見👍
  • 時間別の離脱傾向を分析し、夜間や週末に特定の項目が敬遠されているかをチェック
  • 改善例:必須項目を2つまで削減した結果、フォーム完了率が+25%↑😲
スクロールできます
改善前改善後完了率の変化
必須項目5つ必須項目3つ+25%
エラーメッセージが曖昧明確な文言に更新

フィードバック機能を使ったユーザーテスト

  • インページアンケートで、該当ページの「なぜ離脱したか」をダイレクトにヒアリング
  • 回答結果をタグ付けし、課題ごとに集計・優先順位付け
  • ポップアップ形式固定型ウィジェットを併用し、意見回収率を15%→40%に改善✨
  • 成功事例:
    1. 商品ページに「購入をためらう理由」を聞く
    2. 「送料が高い」が多数 → 送料無料キャンペーンを実施
    3. 1か月後、CVRが+12%↑

他ツールとの連携例(Google Analytics、Segmentなど)

  • Google Analyticsとの連携
    • Hotjarの「イベント」をGAに送信し、詳細セグメントを作成
    • 例:GAで「レコーディング閲覧ユーザー」の行動を比較分析
  • Segment経由で一元管理
    • Hotjar・GA・CRMへ同時にデータ送信し、マーケティング施策の効果検証を効率化
  • Slack通知との組み合わせ
    • 新規フィードバックが集まるたびにSlackへ自動投稿し、チームで即アクション

これらのテクニックを活用すれば、Hotjarデータを単なる可視化に留めず、「具体的な改善施策」へとつなげられます!🚀

プラン比較とコスト感

無料プランのメリット・デメリット

メリット

  • コストゼロでヒートマップ・レコーディング・フィードバックが利用可能🎉
  • 初期学習や小規模サイトのテストに最適
  • 月間300セッション録画まで保存

デメリット

  • データ保持期間が30日まで
  • ヒートマップは3ページ分までしか作成できない
  • フィードバック配信数が月100件までに制限
スクロールできます
項目無料プラン
料金¥0
ヒートマップ数最大3ページ
レコーディング保存数300セッション
フィードバック配信数月100件
データ保持期間30日

有料プラン(Plus/Business)の特徴と価格帯

有料プランは主にPlusBusinessの2種類。データ量や機能拡張に応じて選べます💡

スクロールできます
プラン名月額料金目安主な拡張ポイント
Plus約¥4,000~¥6,000– レコーディング保存数:1,000セッション
– データ保持:90日
– ヒートマップ無制限
Business約¥10,000~¥15,000– レコーディング保存数:無制限
– データ保持:無期限
– 高度なターゲティング・分析機能

選び方のポイント

  1. セッション数が多い場合 → Businessで無制限確保🚀
  2. 過去データを長期保管したい場合 → Businessの無期限保持が安心
  3. まずは試したいならPlusで90日間の余裕を確保

Tip: 年契約にすると割引があり、Plusは約10%OFF、Businessは約15%OFFになることが多いです。

これらのプランを比較し、サイト規模や分析要件に合わせて最適なプランを選びましょう!

メリット・注意点まとめ

導入による改善効果

  • 離脱率の低減:重要なコンテンツやフォームでの離脱箇所を特定し、改善することで完了率が大幅アップ🎯
  • コンバージョン率の向上:ヒートマップ&レコーディングで得た知見を活用し、CTAの配置やデザインを最適化
  • ユーザー満足度の向上:ポップアップアンケートで声を直接収集し、優先的に課題を解消
  • PDCAサイクルの加速:見える化されたデータをもとに素早く仮説→検証が可能になり、改善サイクルを短縮
スクロールできます
指標導入前導入後(例)
フォーム完了率45%60%
平均ページ滞在時間1分20秒2分05秒
コンバージョン率1.2%2.0%

データ通信量やプライバシーへの配慮

  • 通信負荷:レコーディング機能はデータ量が大きめ ⚠️
    • 高トラフィックサイトではセッション数を絞って取得
  • ユーザー同意:GDPR/CCPA対応のため、事前にCookie同意バナーを設定🔒
  • データ匿名化:IPアドレスや個人識別子は送信時に自動でマスクされる設定を有効活用
  • 保持期間設定:不要なデータは自動削除する期間を短めに設定し、最小限の保管を徹底
スクロールできます
配慮ポイント対策例
通信量セッション録画数を月300件以内に制限
プライバシー同意ツール連携で先にオプトイン取得
データ保持デフォルト30日 → 必要に応じ15日へ短縮

これらのポイントを押さえておけば、Hotjar導入時のリスクを最小限に抑えつつ、最大限の効果を発揮できます!🚀

よくある質問(FAQ)

収集データの取り扱い方法

  • HotjarはIPアドレスの匿名化設定がデフォルトで有効🔒
  • 収集したデータは暗号化された状態で保存され、第三者への共有はオプトイン制
  • データ保持期間はプランに応じて設定可能(無料版30日、Plusは90日など)
  • 必要に応じてエクスポート(CSV/JSON)し、自社サーバーでの保管・分析も可能

💡 データ管理は必ず社内規定に合わせて期間/対象を調整しましょう。

日本語対応状況は?

  • 管理画面の基本UIは英語ベースですが、主要ラベルは一部日本語化可能
  • ブラウザ拡張やカスタムCSSで特定メニューのみ日本語化するテクニックあり
  • ヘルプセンターのドキュメントは英語のみのため、翻訳ツールの併用がおすすめ

📌 日本語サポート希望時は、チャットサポートで日本語対応可否を確認してください。

どのような企業に向いている?

スクロールできます
企業タイプ適性ポイント
ECサイトカート離脱・購入完了率の改善に直結✅
SaaS/WEBサービスユーザー導線の最適化でオンボーディング成功率UP🎯
メディアサイト人気コンテンツの可視化と広告配置最適化に活用📈
小規模事業者無料プランでまずテスト運用し、成果が出れば有料版への拡張が◎
大規模企業Businessプランで無制限レコーディングや長期データ保持をフル活用

🚀 どの規模・業種でも「ユーザー行動の見える化」が必要な場面で効果を発揮します!

まとめ

  • Hotjarは「見るだけ」ではなく、ユーザー行動を深掘りし、具体的な改善策を導くツール。
  • 導入は簡単:Googleアカウント連携 or プラグイン/タグマネージャーで数分完了。
  • 無料プランでも主要機能(ヒートマップ・録画・アンケート)が揃っており、まずは試して学ぶのがおすすめ。
  • 応用テクではフォーム離脱やフィードバック活用、他ツール連携で効果を最大化。
  • プラン選びは、データ保持期間やセッション数の目安から、Plus/Businessを検討。

Hotjarを活用して「数字に隠れたユーザーの本音」を捉え、PDCAを加速させましょう。

ぜひ今日から導入し、サイト改善の成果を実感してください!✨

目次