2016-03-29 12 views
-1

私はかなりWeb開発(html、css、js)に新しいですので、これを行う方法を理解する上で少し助けが必要です。バックグラウンドアクションを検出するにはどうすればよいですか?

私が達成しようとしているのは、ユーザにバックグラウンドタブを開いて、そのタブがユーザによって行われたアクション(キーのクリックやマウスの動きなど)を常にチェックしていなければならないということです。カップルの質問..

  1. Chromeの拡張機能ではなく、ウェブサイトとして、これを作る続行する方が良いだろう、とので、どのように私はそれについて行くでしょうか?

  2. ユーザーが開いていないブラウザタブからユーザーの操作を検出することはできますか?もしそうなら、どうすればいいのですか?私が今まで持っているコードは、キーが押されているかどうかを検出しているので、画面から他のものをすべて削除し、 "hello world"と書いています。しかし、このコードは、特定のタブが開いている場合にのみ機能します。

    document.onkeypress=function(e){ 
    document.write("Hello World!"); 
    } 
    
  3. マウスの動きがあるかどうかを検出するにはどうすればよいですか?特定の動きである必要はありません。まったくの動きでもかまいません。

答えて

0

Googleアナリティクスのイベントトラッカーとクリックテールを含む多くのユーザーアクティビティトラッカーライブラリがあります。

これを自分で開発する必要がある場合は、ウェブサイトのコードベースにあるトラッカーライブラリを作成することを検討してください。ライブラリは、localstorageとcookieを使用してユーザーの旅データを格納し、アクティビティを追跡するJSONオブジェクトを作成できます。

例を挙げれば、ユーザーアクションに基づいてオブジェクトを設定するセッター関数と、作成されたオブジェクトをバックエンドに戻してトラッキングするためのgetter関数を呼び出すのに役立つモレキュラーパターンを使用できます。

var trackerLib = (function(){ 

    //set operations 
    _set = function(object_name, object){ 
    } 

    //get operations 
    _get = function(key){ 
    } 

    //return cached local object 
    _data = function(){ 
    } 

    //create page track/info objects when script loads 
    _init = function(){ 
    } 

    _init(); // 

    return { 
     set: _setValue, 
     get: _getValue, 
     data : _getData 
    } 
})(); 
+0

ええと私はjsとweb devの方がかなり新しいですから、できるかぎり、これを少し詳しく説明できますか? –

+0

最終的に必要なのは、json形式のデータオブジェクトで、クリック数でユーザーの旅をキャプチャします。マウスの動きのキャプチャは非常に高価な操作になります。絶対初心者の方は、Googleアナリティクスを使い、まずはドキュメントに従うことをお勧めします。 https://developers.google.com/analytics/devguides/collection/analyticsjs/events#outbound_link_and_form_tracking – john

関連する問題