javascript - JavaScript ライブラリを使用したユーザー アクティビティ トラッキング

Question

Web ページでのユーザーのすべてのアクションを追跡し、そのログを作成することは可能ですか? アイデアは、ユーザー アクションのログを AJAX 経由でサーバーに転送し、保存することです。各要素のイベントごとに、コード/ロジックを記述してコンソールにログを書き込むことができますが、コピー、貼り付けなどのイベントやアクションを含む、クライアント側のWebページでのすべてのアクションをログに記録できるライブラリ/ショートカットがあるかどうか疑問に思っていました、クリック、ダブルクリック、選択などの要素参照。

Answer 1

既製のソリューションを使用できます。

• http://www.google.com/analytics/
• http://www.clicktale.com/
• https://segment.io/
• http://www.extrawatch.com/
• http://mouseflow.com/
• https://www.seevolution.com/
• http://clicky.com/

Google アナリティクスとそのイベント トラッカーを使用すると、驚くべきことができます。

• https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide
• http://searchenginewatch.com/article/2287906/10-Google-Analytics-Custom-Events-That-Track-the-Untrackable

カスタムメイドのソリューションを探している場合は、PHP と JavaScript を使用して次のソリューションを試すことができます。

• http://css-tricks.com/tracking-clicks-building-a-clickmap-with-php-and-jquery/

サードパーティのソリューションを使用すると、パフォーマンスが向上することに注意してください。マウスの動きの座標をリアルタイムでデータベースに書き込むには、多くのリソースが必要です。

Answer 2

Google アナリティクス イベント トラッキングをご覧になりましたか?

JavaScript に追跡機能を埋め込む必要がありますが、非常に便利です。

// Google API
_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

// Example
_trackEvent('checkout' 'remove-item' 'poodle skirt')

---

更新: 2017 年 の新しい Analytics API

// Api
ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);

// Example remove product id#27
ga('send', 'event', 'ecart', 'remove-item', 'poodle skirt', 27);
   // OR
ga('send', {
      hitType: 'event',
      eventCategory: 'ecart',
      eventAction: 'remove-item',
      eventLabel: 'poodle skirt'
   });