Googleアナリティクスイベントトラッキングを処理するためにRequireJSでグローバルに利用可能な機能を作成します

Question

Google Analyticsのすべてのイベントトラッキングコードを格納する単一のスクリプトを作成して含める方法を探しています。私のアプリケーションには、クリックと相互作用を追跡できるようにするためのさまざまなポイントがあります。これらの機能をすべて1つのファイルにまとめることができます。

私の問題は、自分のサイトで使用されているRequireJSで適切な方法を見つけることができません。

これは私が持っているものの例です。 resendというクラスのアンカーをターゲットに設定し、GAイベントを開始したいのですが

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

十分に簡単ですが、私は私がイベントの追跡をしたいどこでもモジュールを必要とする必要がありますする必要はありません確かに。これは必要なのですか、それを行うにはもっと明確な方法がありますか？私は、Googleアナリティクスを含めることを望まないことを指摘する必要があります。その方法についてのチュートリアルがたくさんあります。また、従来のフッタに伝統的な方法でこれを行っています。これは、 。

これは私の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が存在します。