シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
注目記事ピックアップ
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2016/07/13 19:31

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

jaco-01 どうも、まさとらん(@0310lan)です!

みなさんは、自分が作ったWebサイトやサービスを「ユーザー」がどのように使っているかを正確にご存知でしょうか?

現在は、Webサイトを検証できる多彩な解析ツールやサービスが多く存在しますが、もっとシンプルで直感的に「ユーザーの行動」を把握できるWebサービスが公開されているのでご紹介しようと思います!

【 Jaco 】
jaco-02 このサービスを使えば、ユーザーがどのようにサイトを利用したのかを「映像化」してチェックすることが出来るスグレモノです。

さらに、基本機能はすべて無料で利用でき、導入も驚くほどシンプルなので誰でも今すぐ始めることが可能ですよ!


使い方!
それでは、実際に「Jaco」を使いながら、どのようなサービスなのかをご紹介しようと思います。


まずは、サイトにアクセスして「メールアドレス」を入力しましょう!
jaco-03 すると、自分のメール宛にログイン用のURLが送られてくるので、必要事項を入力します。


ログインが済むと、トラッキング用のコードが生成されるので「コピー」しておきます。
jaco-04

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

最後に、完了ボタンをクリック!
jaco-06 これで、自動的にWebページが認識されて「トラッキング」がスタートします。

あとは、このまま放置しておけばOK!


現在の状態は、自分の「管理画面」から確認することが可能。
jaco-07 「Recording」と表示されていればOK。

これだけで、誰かが自分のWebサイトに訪問すると、勝手にユーザーの行動をトラッキングし、映像化までしてくれるというわけです。

簡単ですよね?


また、もしWebページを持っていなくて、とりあえず実験的に試したいという人は「CodePen」や「JSFiddle」などを使って、HTMLセクションにトラッキング用のコードを挿入すれば使うことが出来ます。


トラッキング結果を見てみよう!
しばらく時間が経過したら、今度は「トラッキング結果」をチェックしてどのようにユーザーの行動が記録されているかを見てみましょう。


確認方法は簡単で、管理画面から「再生ボタン」をクリックするだけです!
jaco-08

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

画面左側には、サイトに訪れたユーザーが行った「操作」の一覧がリストになって表示されているのが分かります。
jaco-10 ここで、ユーザーが「クリック」「入力」「画面遷移」などを行ったことが細かくチェックできます。


また、画面右側にはユーザーの行動が「映像化」されたビデオを確認することが出来ます。
jaco-11 ユーザーが操作した「マウスの軌跡」や「画面スクロール」、「クリックのタイミング」「文字入力」など…、まるでユーザーのパソコンを覗いているかのような感覚に近いと思います。


以下は、エディタ画面をGIFにしたモノです。
jaco-12
(マウスや画面の動きはユーザーが行ったものです…)


この映像を見るだけで、


「ユーザーがどこで迷っているのか?」
「どのタイミングでクリックされているのか?」
「どこでサイトを離脱したのか?」


…などを、直感的に把握できるようになるので非常に便利です。


その他、便利機能!
「Jaco」は、まだ新しいサービスのため、日々さまざまな機能を追加するバージョンアップが行われており、使い勝手が随時向上しているのが特徴です。


例えば、映像をチェックしていて、ちょっとメモを残しておきたい場合には、タイムライン上にコメントを残せる機能があります。
jaco-13 WebサイトのUI/UX改善のきっかけとして、タスクを作ると便利かもしれません。


また、これらの記録を誰かに伝えたければ、「シェア機能」を使って簡単に共有することもできます。
jaco-14

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

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

管理画面上では、日々の記録を一元管理できるだけでなく、オリジナルのカスタム分析も作れます。
jaco-17 「ソート機能」も優秀で、ユーザーがクリックした記録だけを表示したり、コメントを追加した履歴だけをまとめたり…など、細かい編集が可能なのはうれしいところ。

もし、不明な点があっても、専用のチャットから「Jaco」スタッフに直接質問ができるようになっており、だいたい数時間程度で返信が返ってくるのは安心感があります。
(簡単な英語で大丈夫です…)


まとめ
Webサイトを解析するサービスは多く存在するのですが、「Jaco」は何と言ってもユーザーの行動を「映像化」することで抜群に分かりやすいのが最大の特徴ではないでしょうか。

自分が思っていた通りにユーザーが行動をしていなかったら、すぐに修正してまた検証できるというのはかなり大きなメリットに繋がると思います。

プロトタイプ制作やサイトのリニューアル、新規Webサービスの公開などのタイミングでぜひ有効に活用してみては如何でしょうか?


<参考>
「Jaco」公式サイト



written by まさとらん(@0310lan

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る