Hotjar MCP Server
Hotjar MCPサーバーでClaude連携・ヒートマップ・ユーザー行動分析を自動化
node /path/to/hotjar-mcp-server/index.js概要
Hotjar MCP Serverの設定方法と使い方。
ユーザー行動分析ツール「Hotjar」をClaudeから操作できるMCPサーバー。
ヒートマップデータ・録画セッション情報・アンケート回答の取得が可能。
ClaudeとHotjarのMCPサーバー連携により、ユーザー行動の分析やUX改善提案の自動化ができる。
HotjarのAPIキーを環境変数に設定するだけでシンプルに完結する。
料金・APIキー情報
料金
無料プランありAPIキー
🔑 必要🔑 APIキーの取得方法
- 1
https://insights.hotjar.com にアクセスしてHotjarアカウントにログイン(無料プランで利用可能)
- 2
対象サイトの「Settings」→「Site & Organization Settings」を選択する
- 3
「Private API Key」セクションから新しいAPIキーを生成する
- 4
サイトIDはダッシュボードURLに含まれる数字(例:/site/123456)を確認する
- 5
コピーしたAPIキーとサイトIDを環境変数に設定する
こんな使い方ができます
Hotjarのヒートマップデータをクエリしてページ改善ポイントをClaudeが提案できる
アンケート回答データをClaudeが集計・分析してユーザーインサイトを抽出できる
セッション録画のメタデータをClaudeが取得してユーザー離脱パターンを分析できる
フィードバックウィジェットの回答をClaudeが整理してUX課題レポートを作成できる
セットアップ手順
- 1
Hotjarダッシュボード(insights.hotjar.com)からAPIキーとサイトIDを取得する
- 2
GitHubからHotjar MCP Serverのリポジトリをクローンして依存関係をインストールする(npm install)
- 3
claude mcp add hotjar -e HOTJAR_API_KEY=your-api-key -e HOTJAR_SITE_ID=your-site-id -- node /path/to/index.js
設定ファイル
コピー前に確認
Hotjarアカウント(無料プランあり)。APIキーとサイトIDが必要。Node.js実行環境が必要。
claude mcp add hotjar -e HOTJAR_API_KEY=your-hotjar-api-key -e HOTJAR_SITE_ID=your-site-id -- node /path/to/hotjar-mcp-server/index.js