Arka plan eylemleri nasıl belirlenir?

Question

Web geliştirme konusunda oldukça yeniyim (html, css, js) bu yüzden nasıl yapılacağını anlama konusunda biraz yardıma ihtiyacım var.

Gerçekleştirmeye çalıştığım şey, kullanıcının arka plan sekmesi açık olmasını istemesi ve bu sekmenin, kullanıcı tarafından yapılan eylemleri (yani, herhangi bir tuş veya fare hareketi) sürekli olarak kontrol etmesini istemektir. Birkaç soru ..

1. bir krom uzantısı yerine bir web sitesi olarak bu hale devam etmek daha iyi olurdu ve ben bu konuda eğer öyleyse nasıl gideceğini?

2. Kullanıcı tarafından açılmayan bir tarayıcı sekmesinden herhangi bir eylemi algılamak mümkün mü? Eğer öyleyse nasıl yaparım? Şimdiye kadar sahip olduğum kod, herhangi bir tuş basımının olup olmadığını algıladığım ve eğer öyleyse, ekrandan diğer her şeyi silecek ve "merhaba dünya" yazacak. Ancak bu kod sadece kendi özel sekmesi açıksa çalışacaktır. her fare hareketini hiç yoksa

   document.onkeypress=function(e){ 
   document.write("Hello World!"); 
   } 
   

3. Nasıl algılamak mı? Belli bir hareket olmak zorunda değil, sadece herhangi bir hareket olabilir.

Answer 1

Google Analytics etkinlik izleyici ve tıklama oranı dahil olmak üzere çok sayıda kullanıcı etkinliği izleyici kitaplığı vardır.

Bunu kendiniz geliştirmeniz gerekiyorsa, web sitesi kod tabanınızda bulunan bir izleyici kitaplığı oluşturmayı düşünün. Kütüphane, kullanıcı yolculuk verilerini saklamak ve etkinlikleri izlemek için bir JSON nesnesi oluşturmak için localstorage ve çerezleri kullanabilir.

Size bir örnek vermek için, oluşturulmuş nesneleri izleme için arka uçlara döndürmek üzere kullanıcı eylemleri ve getter işlevlerine dayalı nesneleri ayarlamak için ayarlayıcı işlevini çağırmanıza yardımcı olacak açıklayıcı bir modüler kalıp kullanabilirsiniz.

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 
    } 
})();