Beeeat’s log

Beeeat’s log

プログラミングで出くわした知識やツール、日常生活、働き方その他色々なことをメモしていくブログ

「Microsoft Clarity」という行動分析ツールが無料で使えるようなので試してみる

チームメンバーと雑談している時に「Microsoft Clarity」という行動分析ツールがあることを教えてもらいました.

clarity.microsoft.com

どうやら無料でヒートマップやセッションのレコーディングを使うことができる優れもののようです.

なんか凄そうなツールだと思い,試しに自分のブログに導入してみたので今回はそれについてまとめようと思います.

使い方

まずは公式サイトから Sign In をします.

clarity.microsoft.com

Sign In すると「ADD NEW PROJECT」という項目があるのでクリックし,自分が導入したいサイトのURLとその情報を入れます.

f:id:bake0937:20201116230147p:plain

追加すると Setup 画面に遷移されます. この画面にはブログの<head>タグに埋め込むスクリプトが載っているので,それをコピーしておきます.

f:id:bake0937:20201116230509p:plain

ブログの<head>タグにコピーしたスクリプトを貼りつけます.

f:id:bake0937:20201116230806p:plain

これで導入は完了です.ここから Microsoft Clarity が情報取得する作業に入るため約2〜3時間待ちます.

f:id:bake0937:20201116231718p:plain

導入してから約2〜3時間後にアクセスすると,Pages per session やアクセスが多い記事(URL),閲覧ブラウザの比率などサイト分析に必要な情報がダッシュボードに表示されます.

f:id:bake0937:20201116231521p:plain

メイン機能の一つであるヒートマップはこんな感じ! すごい!自分が書いた記事を読者がどの部分に注目しているのかがわかるのはとても役に立ちますね!

f:id:bake0937:20201116231301p:plain

他にも Session のレコーディング機能で読者がどのように記事を読んでいるのかを見る機能もあって感動しました.

便利!ではあるのですが...

ここまで便利が機能があって無料なんてマイクロソフトすげーって感じにはなりましたが,動作が遅いことは気になりました. (複数タブで開くと結構な確率で落ちます...orz)

まぁまだβ版とのことなのでここに関して今後のアップデートに期待です.

追記: 2020/11/23

私が入れていた Chrome 拡張が原因で動作が遅くなっていたようです...🙇‍♂️ たまたま不要になったため Chrome 拡張をアンインストールしたところ Microsoft Clarity がサクサク動くようになりました🙇‍♂️ .

まとめと所感

Microsoft Clarity」という行動分析ツールを自分のブログに導入してみました.ヒートマップツールは自分の中で遠い存在のものなイメージで今回をきっかけに触ることができて良かったです.

またこの手のツールは有料なものしかないものだと思っていたので,無料で気軽に試せたのはありがたかったです. サイト改善に普通に役立つツールだと感じました.

特にヒートマップや Session のレコーディング機能は魅力的だと思いました.

今回をきっかけに色々調べてみたところ無料のヒートマップツールが何個かあるようなので,気が向いたら試してみようかとも思いました.