GA Universal dataLayer event Tracking

ga_events.js

<script type="text/javascript">

/*eslint-env browser*/
/*global ga*/


(function(e) {
    'use strict';

    function ucfirst(string) {
        return string[0].toUpperCase() + string.slice(1);
    }

    if (Object.keys(e) == 'gaEvent' && typeof ga == 'function') {

        var eventDetails = {'hitType': 'event'};
        var needles = ['category', 'action', 'label', 'value', 'nonInteraction'];
        var maxNeedles = needles.length;

        for (var n = 0; n < maxNeedles; n++) {

            if (e.gaEvent[needles[n]]) {
                var eventName = 'event' + ucfirst(needles[n]);
                eventDetails[eventName] = e.gaEvent[needles[n]];
            }
        }

        ga('send', eventDetails);
    }

}({{Event}}, ga));

</script>

Please note this would be triggered by a event like this, I will be abstracting this into the ga-tracking.js script:

<a href="" onClick="dataLayer.push({ 'event' : { 'gaEvent' : { 'category' : 'Testing again', 'action' : 'Testing to see if we will fire multiple events or a single one', 'label' : 'Ga test label, 2.0' } } });" />

This has been abstracted to a method of it's own, to use it you will need to use it the following way:

gaTrack.send({'category' : 'Newsletters', 'action' : 'Sign-up'});