JSFiddle - React, Tailwind, and code Playground

by seankoole

HTML

<a data-aawp-product-id="B07S96QF9H" data-aawp-product-title="New! Natural Force Clean Coffee Crafted for Health and Purity Tested for Mold &amp; Toxins - Premium Whole Bean Medium Roast from Specialty Grade Organic Coffee *High in CLA Antioxidants* 12 Ounce" data-aawp-geotargeting="true" href="https://www.amazon.com/dp/B07S96QF9H?tag=biohkrlab-20&amp;linkCode=ogi&amp;th=1&amp;psc=1" title="New! Natural Force Clean Coffee, Crafted for Health and Purity, Tested for Mold &amp; Toxins - Premium Whole Bean Medium Roast from Specialty Grade Organic Coffee *High in CLA Antioxidants*, 12 Ounce" rel="nofollow noopener" target="_blank"><img src="https://www.staging.biohackerslab.com/wp-content/uploads/2017/10/click-price.png" alt="Click for current price button" class="aligncenter lazyloaded" data-lazy-src="https://www.staging.biohackerslab.com/wp-content/uploads/2017/10/click-price.png" data-was-processed="true"><noscript><img src="https://www.staging.biohackerslab.com/wp-content/uploads/2017/10/click-price.png" alt="Click for current price button" class="aligncenter" /></noscript></a>

JavaScript

document.querySelectorAll('a[data-aawp-product-id]').forEach(function(element) {
  element.addEventListener('click', function(e) {
    e.preventDefault();

    ga('event', {
      'category': 'Affiliate Link',
      'action': element.href,
      'label': element.getAttribute('data-aawp-product-title'),
      'value': element.getAttribute('data-aawp-product-id')
    });

  });

});