読む時間

0

読む時間

0

インサイト

2025/11/22

FramerサイトにHotjarを追加する方法

FramerサイトにHotjarを追加する方法をステップごとに案内します。Hotjarはウェブサイトの分析ツールで、ユーザーの行動を分析しフィードバックを収集してUXの改善に役立ちます。

ブログ作成者Framerロゴ

投稿者

FramerサイトにHotjarを追加する方法を案内するブログサムネイル、ウェブサイト分析ツールHotjarのインストール手順と有用性を説明します。
FramerサイトにHotjarを追加する方法を案内するブログサムネイル、ウェブサイト分析ツールHotjarのインストール手順と有用性を説明します。
FramerサイトにHotjarを追加する方法を案内するブログサムネイル、ウェブサイト分析ツールHotjarのインストール手順と有用性を説明します。

目次

目次

Hotjarとは何ですか?

Hotjarはユーザーのウェブサイト行動を分析し、フィードバックを収集するために使用されるウェブサイト分析ツールです。ヒートマップ、セッション記録、アンケートといった機能を通じて、ユーザーがウェブサイトとどのようにインタラクションするのかを視覚的に理解することができます。UXの改善に非常に有用なサイトですので、ぜひこの講座を通じてうまく活用してみてください。

HotjarをFramerサイトに追加する方法

1. Hotjarアカウントのセットアップ

  1. Hotjarアカウントにログインしてください。

  2. サイトページで分析するサイトのメインURLを入力して追加します。

Hotjar 계정을 설정하는 화면입니다.

Note: 分析するサイトのメインURLを入力する際、必ずhttps://を含んで入力してください。

2. トラッキングコードのコピー

  • サイトを登録すると、Hotjarが提供するトラッキングコードをそのままコピーしておいてください。

3. Framerにトラッキングコードを追加

  1. Framerプロジェクトを開いてください。

  2. General Site Settingsに移動してください。

  3. Custom Codeセクションで<head>タグの開始部分にコピーしたコード全体を貼り付けます。

Framer에 트래킹 코드에 추가하는 화면입니다.

4. 保存してサイトを公開

  • コードを貼り付けた後、Saveをクリックしてサイトを再度公開します。

5. インストールの確認

  1. Hotjarに戻り、Verify Installationボタンをクリックしてください。

  2. Hotjarが正しくインストールされたか確認するためにブラウザウィンドウが開いたら、許可を押してください。

このようにインストールが完了すると、訪問者がサイトを利用した瞬間からHotjarがデータを収集し始めます。ダッシュボードに結果が表示されるまで最大60分かかることがありますのでご注意ください。

上記方法を試しても問題が発生する場合は、Framer Contactページを通じてサポートチームに問い合わせることができます。

よくある質問(FAQ)

Q. Hotjarは無料で使えますか?

  • はい。Hotjarには無料プランがあり、基本的な機能を限定範囲で使用することができます。

Q. HotjarをFramerにインストールしたのにすぐにデータが表示されないのは正常ですか?

  • はい。訪問者がいて初めてデータが蓄積され始めるため、最初の記録が表示されるまで最大60分の遅延があります。

Q. HotjarはA/Bテストの結果を自動で分析してくれますか?

  • いいえ。Hotjar自体にはA/Bテスト分析機能はありませんので、セッションリプレイなどでユーザーの行動を自分で解釈する必要があります。


この記事はFramer公式ブログの‘Adding Hotjar to your site’を翻訳・アレンジした内容です。

ブログを共有する

ブログを共有する

ブログを共有する

Become a
Framer Expert

Framer依頼を受けられるプロなら誰でも応募可能です。
手数料なしで、プロとクライアントを直接つなぎます。

Become a
Framer Expert

Framer依頼を受けられるプロなら誰でも応募可能です。
手数料なしで、プロとクライアントを直接つなぎます。

Become a
Framer Expert

Framer依頼を受けられるプロなら誰でも応募可能です。手数料なしで、プロとクライアントを直接つなぎます。