Come introdurre il codice di Google Analytics in modo modulare?

Question

Come introdurre il codice di Google Analytics in modo modulare?

#1 da (4 voti)

5

Stiamo lavorando su un codebase molto grande. È fondamentalmente un sistema operativo basato sul web, con un proprio file system e applicazioni. Le interfacce utente del sistema sono generate dinamicamente con Javascript.

Abbiamo deciso di introdurre Google Analytics per tenere traccia delle varie attività degli utenti.

La nostra preoccupazione è che, al fine di inviare dati ai server di Google Analytics su questi eventi, dovremmo distribuire il codice di analisi in tutti i gestori di eventi. Anche se avvolgere le chiamate di analisi in un modulo, dovremmo comunque chiamarlo. Per esempio. codice abituale:

$(importButton).on('click', function() {
    // ... call import module to do import stuff
})

diventa, approssimativamente parlando

$(importButton).on('click', function() {
    // ... call import module to do import stuff
    analytics.registerEvent('import')
})

E così il codice analitico diventa strettamente accoppiato alla logica dell'interfaccia.

Come introdurre l'analisi in modo modulare, senza dispersione delle chiamate di analisi su tutte le funzioni del gestore di eventi?

architecture javascript modules analytics

posta sbichenko 20.11.2014 - 16:00

fonte

1 risposta

Leggi altre domande sui tag architecture javascript modules analytics

Facciata dell'API pubblica con Micro Services Dichiarazione delle variabili in Python e PHP

score 4 · Answer 1

Non devi modificare il codice esistente, perché puoi semplicemente aggiungere altri gestori di eventi. JavaScript supporta naturalmente più gestori di eventi su un singolo elemento, ed è ancora più semplice con libs / framework come jQuery:

// in existing code:
$('#button').on('click', function (event) {
    console.log('normal behavior');
});

// somewhere else:
$('#button').on('click', function (event) {
    console.log('user tracking');
});

Questo non influisce significativamente sul rendimento e puoi sempre migliorarlo con delegazione di eventi .