ガチャつくブログ

IT系のお勉強のために、やってみたことをアウトプットしていきます。

MENU

ヒートマップ解析で遊ぶ - 「Hotjar」 -

f:id:tmt-tty:20190304171146p:plain

はじめに

以前別のツールでもやりましたが、ヒートマップなアクセス解析ツール第2弾です。

ユーザーの動きを動画でも残してくれるとのこと。

使うツールはこちらです。

※月間2000PVまで無料とのこと。

www.hotjar.com

 

動画で記録したものはこんな感じです!

insights.hotjar.com

 

 やり方

トップページの”Try it free”をクリックします。

f:id:tmt-tty:20190412160253p:plain

 

名前とメールアドレスを入れるか、googleアカウントでのサインアップもできます。

私はgoogleアカウントを使用しました。

f:id:tmt-tty:20190412160422p:plain

 

パスワードの設定と、利用規約への同意にチェックを入れ、Nextをクリックします。

f:id:tmt-tty:20190412160610p:plain

 

自分の仕事を選択、YES or NO の箇所でYESを選択するとビジネスプラン(15日間無料)になってしまうようなので、NOをクリックします。

組織名を入れ、tipsなどの案内が不要であればチェックを入れずにNextをクリックします。

f:id:tmt-tty:20190412160907p:plain


自分のブログのURLと、利用用途を選択し、Start Using Hotjar をクリックします。

f:id:tmt-tty:20190412161245p:plain

 

プランを確認し、間違っていれば修正します。

下記の様になっていれば問題ないかと思います。

f:id:tmt-tty:20190412161934p:plain

 

サイト側に埋め込むトラッキングコードを表示し、コピーします。

f:id:tmt-tty:20190412162100p:plain

 

はてなブログの場合は、設定 > 詳細設定 > headに要素を追加 に貼り付けます。

 

設置後、Verify Installation タブから確認していくと。

下記の様に表示されればOKの様です。

f:id:tmt-tty:20190412162819p:plain

 

New Heatmap でHeatmapを作成しておきます。

f:id:tmt-tty:20190412164013p:plain

 

New Recordings でRecordingsを作っておきます。

f:id:tmt-tty:20190412164100p:plain

 

後はデータが貯まるのを待ちます。