Создайте глобально доступную функцию с RequireJS для обработки отслеживания событий Google Analytics

Question

Я ищу способ создания и включения одного сценария, в котором будет размещен весь код отслеживания событий Google Analytics. В моем приложении есть разные точки, где я хочу отслеживать клики и взаимодействие, и я хотел бы иметь возможность иметь все эти функции в одном файле.

Моя проблема: я не могу найти подходящий способ сделать это с RequireJS, который использует мой сайт.

Это пример того, что у меня было бы. Я хотел бы привязать якорь к классу resend и вызвать событие GA.

<a href="http://www.crmpicco.co.uk/resend.php" class="resend">Resend</a>

уверен, что это достаточно просто, но я не хочу, чтобы требовать модуль везде я хочу сделать отслеживание событий. Это необходимо или есть более ясный/чистый способ сделать это? Я должен указать, что я не хочу включать Google Analytics, поскольку есть много учебников о том, как это сделать, и я уже делаю это с помощью традиционного способа его использования в нижнем колонтитуле - это всего лишь код отслеживания событий GA, который я хочу включить ,

Это мой requireJS config.js:

require = { 
    baseUrl: '/assets/js', 
    paths: { 
     // Amcharts. 
     'amcharts':   '/assets/vendor/amcharts/dist/amcharts/amcharts', 
     'amcharts.funnel': '/assets/vendor/amcharts/dist/amcharts/funnel', 
     'amcharts.gauge': '/assets/vendor/amcharts/dist/amcharts/gauge', 

     bootstrap: '/assets/vendor/bootstrap/dist/js/bootstrap.min', 
     jquery: '/assets/vendor/jquery/dist/jquery.min', 
     jstz: '//cdnjs.cloudflare.com/ajax/libs/jstimezonedetect/1.0.4/jstz.min', 
     pwstrength: '/assets/vendor/pwstrength-bootstrap/dist/pwstrength-bootstrap-1.2.7.min', 
    }, 
    shim: { 
     'amcharts.funnel': { 
      deps: [ 'amcharts' ], 
       exports: 'AmCharts', 
       init: function() { 
        AmCharts.isReady = true; 
       } 
     }, 
     'amcharts.gauge': { 
      deps: [ 'amcharts' ], 
       exports: 'AmCharts', 
       init: function() { 
        AmCharts.isReady = true; 
       } 
      }, 
     pwstrength: { 
      deps: [ 
       'jquery' 
      ] 
     }, 
     bootstrap: { 
      deps: [ 
       'jquery' 
      ] 
     } 
    } 
}; 

// Apply the urlArgs here for cache busting. 
require.urlArgs = requireBase.urlArgs; 

Answer 1

Это, как я в конечном итоге настройки моего RequireJS config.js.

require = { 
    baseUrl: '/assets/js', 
    paths: { 

     'gaEventTracking': '/assets/src/js/crmpicco/gaEventTracking', 

    }, 
    shim: {   
     'gaEventTracking': { 
      deps: [ 
       'jquery' 
      ] 
     }, 
    } 
}; 

// Apply the urlArgs here for cache busting. 
require.urlArgs = requireBase.urlArgs; 

Там то существует в каталоге /assets/src/js/crmpicco в gaEventTracking.js.