HackingUI.Analytics

analytics.js

hackingUi = hackingUi || {};
hackingUi.Analytics = {
    trackEvent: function(category, action, label) {
        var eventObject = {
                'eventCategory': category,
                'eventAction': action
            },
            mixpanelName = category;

        if (label) {
            eventObject.eventLabel = label;
            mixpanelName = mixpanelName + ': ' + label;
        }
        if (window.ga) {
            ga('send', 'event', eventObject);
        }
        if (window.mixpanel) {
            mixpanel.track(mixpanelName);
        }
    },

    bindToAllClicks: function() {
        var _this = this;
        $('body').on('click', '[data-analytics-category]', function() {
            var category = $(this).data('analyticsCategory'),
                label = $(this).data('analyticsLabel');

            _this.trackEvent(category, 'click', label);
        });
    },

    init: function() {
        this.bindToAllClicks();
    }
};

demo.html

<a href="http://hackingui.com" data-analytics-category="Header" data-analytics-label="logo">HackingUI</a>

init.js

$(function() {
   hackingUi.Analytics.init(); 
});