JSFiddle - React, Tailwind, and code Playground

by cdeutsch

HTML

<a href="http://google.com" class="miitrack" data-category="linkclick" data-action="myact" data-opt-label="mylabel" data-opt-value="myval">Google</a>

<br>
<br>

<button class="miitrack" data-category="mycat" data-action="buttonclick" data-opt-label="button1" data-opt-value="myval">Button 1</button>

<br>
<br>
    
<button class="miitrack" data-category="mycat" data-action="buttonclick" data-opt-label="button2" data-opt-value="myval">Button 2</button>

JavaScript

$(document).ready(function() {
    $('.miitrack').on('click', function(e) {
        var $target = $(this);
        var category = $target.data('category');
        var action = $target.data('action');
        var opt_label = $target.data('opt-label');
        var opt_value = $target.data('opt-value');
        _trackEvent(category, action, opt_label, opt_value);        
    });
});


// fake event | don't copy
window._trackEvent = function (category, action, opt_label, opt_value) {
    alert(category + ' | ' + action + ' | ' + opt_label + ' | ' + opt_value);
}