使用RequireJS創建全局可用函數來處理Google Analytics（分析）事件跟蹤

我正在尋找一種方法來創建和包含一個腳本，它將容納我所有的Google Analytics（分析）事件跟蹤代碼。在我的應用程序中，我希望能夠跟蹤點擊和交互，並希望能夠將所有這些功能放在一個文件中。使用RequireJS創建全局可用函數來處理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;

來源

2017-02-06 crmpicco

這是我結束了我的配置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。

來源

2017-02-20 06:18:41 crmpicco

使用RequireJS創建全局可用函數來處理Google Analytics（分析）事件跟蹤

回答

相關問題