ユーザーエクスペリエンスを追跡するためのエラー監視サービスの使用

開発では、コードが正しく実行されないときにスローされるものとしてエラーを考える傾向があります.エラーをキャッチすることができます処理されるか、彼らは逃してしまうことができるとキャッチされた例外をもたらします.しかし、どのように、我々は我々が書くコードによって直接引き起こされない誤りを分類しますか?どのように、我々は我々が作ったデザイン決定に起因するエラーを特定して、扱いますか(または、作りませんでした)?
あなたは既にエラー監視サービスを使用しているかもしれません、そして、あなたがそうであるならば、あなたはそれを使い続けることができて、あなたのユーザー経験苦悩を手伝うためにもう一つのツールのために手を伸ばすことができました.または、アプリケーションを実行し続けるツールのあなたの無限のリストに別の製品を追加するのではなく、両方の伝統的なエラーとユーザーエクスペリエンスの問題の監視サービスを使用することができます.
これをどうやってできるか見てみましょう.そこにはたくさんのロギングサービスがあります.しかし、我々は見てみるつもりですExceptionless . 例外は3つの理由で特に魅力的な選択です.

ホスト版の公正な価格設定

それはopen-source そして、完全に自己ホストすることができます

APIは、私たちは私がこの記事で提案しているものを正確に行うことができます.

自己ホスティングは魅力的なオプションかもしれません(そして、私は確かにINAの将来のポストについて書くでしょう)、我々は無用のホストされたプラットホームを使用している無料のアカウントにサインアップするつもりです.そうするにはhttps://exceptionless.com 右上のボタンをクリックします.

いったんサインアップすると、あなたのチームとプロジェクトの名前にプロンプトが表示されます.また、プロジェクトが書かれている言語を選択する必要があります.私はnodejsを選択していますが、私たちの言語を適用する言語を選択することができますので、私たちは一般的に、可能な限り適応としての解決策を維持するコマンドを参照してください.プロジェクトを作成したら、APIキーを提供します.それを保留して、我々は後でベーカートークンとしてそれを使用する必要があります.
プロのヒント:あなたの選択の言語にカールコマンドを変換するにはPostman とrawコマンドをインポートします.次に、コードオプションを選択し、好みの言語でAPI呼び出しを実行する方法を参照できます.
例外を除いて適切にエラーを送信するためにCodeBaseを設定するためのドキュメントに従ってください.しかし、これらのUXエラーを処理する方法についても考える必要があります.
これを行うには、まずユーザーがサイト上で直面している問題やいくつかの問題について考えてみましょう.私が考えることができる簡単な例は、私が「幸せなパススリップ」と言うつもりです我々は幸せなパスを念頭に置いてアプリケーションを構築します.それは自然にテストする方法です.我々は幸せなパスの外でテストするために自分自身を強制する必要がありますので、我々のユーザーがどのように頻繁に幸せなパスから逸脱監視することも重要です.
我々は簡単な電子商取引アプリケーションを持っているとしましょう.この場合、幸せパスは次のようになります.

ユーザのサインアップ

ユーザーが製品を検索する

ユーザーは、ショッピングカートに製品を追加

ユーザチェックアウト

それは理想的な流れです、しかし、我々はユーザーが常にその流れに続くというわけではないということを知っています.しかし、我々が知らないものは、ユーザーがどのくらいの頻度で逸脱するか、そして、彼らが逸脱するならば、あります.これを例外的に追跡するには、問い合わせパラメータを使用して簡単なGETリクエストを使用してfunnel解析を構築します.我々は、製品の検索を追跡するショッピングカートを追加し、チェックアウトします.
製品検索の設定から始めましょう.覚えておいてください、get requestを使うつもりです.あなたは例外のないドキュメントの詳細を読むことができますhere , しかし、リクエストはかなり簡単です.イベントがAであることを示すインジケータでパスしたいproductSearch そして、製品は何です.以下のようにします.

curl --location --request GET 'https://api.exceptionless.io/api/v2/events/submit/usage?source=productSearch&message=YOUR_PRODUCT' \
--header 'Authorization: Bearer YOUR_API_KEY'

あなたが質問に好きな製品名を追加してください.ジャストリプレースYOUR_PRODUCT あなたが追跡したい製品の名前で.コマンドラインからcurlコマンドを実行するか、あなたのアプリケーションで使用する本当のリクエストを構築するために使用することができます.我々がそれを走らせるならば、例外的に我々のダッシュボードを見てみてください、我々はデータを利用し始めます.
例外なしダッシュボードは、最も頻繁な例外/エラーの便利なグラフに表示されます.ただし、我々のアプリケーションの機能に関連付けられているユーザーの経験の問題を追跡しているので、これらのイベントは、例外のダッシュボードに表示されません.代わりに、左側のナビゲーションの機能使用リンクをクリックし、イベントをクリックしてくださいproductSearch イベント.

かなりクール!これだけが役に立つようになります.我々は、通常のエラー報告の外でイベントを追跡するために、我々のエラー監視サービス(この場合例外がない)を使用することによって、別々のAnalytics追跡ツールを切り出すことができます.しかし、我々はさらに一歩踏み出すことができます.
覚えて、我々はチェックアウトから検索にfunnelを追跡したい.では、別のイベントを通してcartAdd ユーザーが自分のショッピングカートに製品を追加する場合.ここでは、余分なパラメータを追加するにはまた、どのように製品の多くを追跡するカートに追加されます.

curl --location --request GET 'https://api.exceptionless.io/api/v2/events/submit/usage?source=cartAdd&value=QUANTITY_ADDED&message=YOUR_PRODUCT' \
--header 'Authorization: Bearer YOUR_API_KEY'

例外的にリアルタイム監視を行うので、上記のコマンドを実行した後にダッシュボードに戻ると、リスト内のイベントが既に表示されます.

私は、あなたがすでにこれがどれくらい簡単であるかについて見ていると思います、しかし、Aを加えることによってこれをまわりましょうcheckout イベントを追跡します.

curl --location --request GET 'https://api.exceptionless.io/api/v2/events/submit/usage?source=checkout&message=YOUR_PRODUCT' \
--header 'Authorization: Bearer YOUR_API_KEY'

もう一度、あなたの例外的なダッシュボードをリアルタイムで更新する必要があります.これは、形を開始している!今、私たちは素晴らしい漏斗の分析の開始を持っているので、今はイベントに飛び込みましょうが、我々はまだどのような製品が検索されたかわからない、カートに追加し、チェックアウト.ここでクールなものは、イベントのようなイベントをクリックできますproductSearch 例えば、詳細な情報を取得します.
先に行ってみてください.イベントをクリックすると、専用イベントの発生ページに撮影されます.

これは有用な情報です.我々のユーザーエクスペリエンスfunnel分析と組み合わせて、我々は製品の意思決定を開始することができます.ちょうど楽しみのために、私は最も頻繁な眺めを活用するとき、これがどのように見えるかについて、あなたに示したいです.
もう一度、サイドナビゲーションの機能使用リンクをクリックしてください.今回は、最も頻繁にオプションを選択します.私は私たちはどのように有用な最も頻繁なビューを見ることができるようにイベントの束を作成しました.

今我々は我々のエラー報告ツールの中からユーザーエクスペリエンスを追跡する便利な方法のマージを持っています.ここでの利点は、監視、バグ、イベントの追跡、およびユーザーエクスペリエンスを私たちを助けるために単一のツールを使用できることです.Exceptionless この信じられないほど簡単に、自己ホッチキス、オープンソースであり、ホストオプションを選択する場合は非常に手頃な価格です.
移動し、1つの場所のすべてのエラーとユーザーエクスペリエンスを追跡します.