Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!

どうも、まさとらん(@0310lan)です!
みなさんは、自分が作ったWebサイトやサービスを「ユーザー」がどのように使っているかを正確にご存知でしょうか?
現在は、Webサイトを検証できる多彩な解析ツールやサービスが多く存在しますが、もっとシンプルで直感的に「ユーザーの行動」を把握できるWebサービスが公開されているのでご紹介しようと思います!
【 Jaco 】

このサービスを使えば、ユーザーがどのようにサイトを利用したのかを「映像化」してチェックすることが出来るスグレモノです。
さらに、基本機能はすべて無料で利用でき、導入も驚くほどシンプルなので誰でも今すぐ始めることが可能ですよ!
使い方!
それでは、実際に「Jaco」を使いながら、どのようなサービスなのかをご紹介しようと思います。
まずは、サイトにアクセスして「メールアドレス」を入力しましょう!

すると、自分のメール宛にログイン用のURLが送られてくるので、必要事項を入力します。
ログインが済むと、トラッキング用のコードが生成されるので「コピー」しておきます。

そして、自分のWebページにあるHTMLファイルの「headタグ」直前にコードを挿入します。

最後に、完了ボタンをクリック!

これで、自動的にWebページが認識されて「トラッキング」がスタートします。
あとは、このまま放置しておけばOK!
現在の状態は、自分の「管理画面」から確認することが可能。

「Recording」と表示されていればOK。
これだけで、誰かが自分のWebサイトに訪問すると、勝手にユーザーの行動をトラッキングし、映像化までしてくれるというわけです。
簡単ですよね?
また、もしWebページを持っていなくて、とりあえず実験的に試したいという人は「CodePen」や「JSFiddle」などを使って、HTMLセクションにトラッキング用のコードを挿入すれば使うことが出来ます。
トラッキング結果を見てみよう!
しばらく時間が経過したら、今度は「トラッキング結果」をチェックしてどのようにユーザーの行動が記録されているかを見てみましょう。
確認方法は簡単で、管理画面から「再生ボタン」をクリックするだけです!

すると、ユーザーのトラッキング結果を閲覧できる「エディタ」が表示されます。

画面左側には、サイトに訪れたユーザーが行った「操作」の一覧がリストになって表示されているのが分かります。

ここで、ユーザーが「クリック」「入力」「画面遷移」などを行ったことが細かくチェックできます。
また、画面右側にはユーザーの行動が「映像化」されたビデオを確認することが出来ます。

ユーザーが操作した「マウスの軌跡」や「画面スクロール」、「クリックのタイミング」「文字入力」など…、まるでユーザーのパソコンを覗いているかのような感覚に近いと思います。
以下は、エディタ画面をGIFにしたモノです。

(マウスや画面の動きはユーザーが行ったものです…)
この映像を見るだけで、
「ユーザーがどこで迷っているのか?」
「どのタイミングでクリックされているのか?」
「どこでサイトを離脱したのか?」
…などを、直感的に把握できるようになるので非常に便利です。
その他、便利機能!
「Jaco」は、まだ新しいサービスのため、日々さまざまな機能を追加するバージョンアップが行われており、使い勝手が随時向上しているのが特徴です。
例えば、映像をチェックしていて、ちょっとメモを残しておきたい場合には、タイムライン上にコメントを残せる機能があります。

WebサイトのUI/UX改善のきっかけとして、タスクを作ると便利かもしれません。
また、これらの記録を誰かに伝えたければ、「シェア機能」を使って簡単に共有することもできます。

もちろん、共同で分析結果を管理したければ、自分の「管理画面」へ第三者を招待することも可能です。

また、セキュリティ上の問題から、フォームなどにユーザーが入力した文字は「?」に自動変換されるようになっています。

管理画面上では、日々の記録を一元管理できるだけでなく、オリジナルのカスタム分析も作れます。

「ソート機能」も優秀で、ユーザーがクリックした記録だけを表示したり、コメントを追加した履歴だけをまとめたり…など、細かい編集が可能なのはうれしいところ。
もし、不明な点があっても、専用のチャットから「Jaco」スタッフに直接質問ができるようになっており、だいたい数時間程度で返信が返ってくるのは安心感があります。
(簡単な英語で大丈夫です…)
まとめ
Webサイトを解析するサービスは多く存在するのですが、「Jaco」は何と言ってもユーザーの行動を「映像化」することで抜群に分かりやすいのが最大の特徴ではないでしょうか。
自分が思っていた通りにユーザーが行動をしていなかったら、すぐに修正してまた検証できるというのはかなり大きなメリットに繋がると思います。
プロトタイプ制作やサイトのリニューアル、新規Webサービスの公開などのタイミングでぜひ有効に活用してみては如何でしょうか?
<参考>
・「Jaco」公式サイト
written by まさとらん(@0310lan)