@nguyenmv2/buy-button/src/utils/track.js

BuyButton.js allows merchants to build Shopify interfaces into any website

export default class Tracker {
  constructor(lib, clientConfig) {
    this.lib = lib || null;
    this.clientConfig = clientConfig;
  }

  trackMethod(fn, event, properties) {
    const self = this;
    return function () {
      const returnValue = fn(...arguments);
      if (returnValue && returnValue.then) {
        return returnValue.then((val) => {
          self.callLib(event, properties);
          return val;
        });
      }
      self.callLib(event, properties);
      return returnValue;
    }
  }

  callLib(eventName, properties) {
    switch(eventName) {
      case 'Update Cart':
        if (properties.quantity < 1) {
          return this.track('Removed Product', properties);
        }
        if (properties.prevQuantity && (properties.quantity < properties.prevQuantity)) {
          return;
        }
        return this.track('Added Product', properties);
      default:
        return this.track(eventName, properties);
    }
  }

  trackPageview() {
    if (this.lib && this.lib.page) {
      this.lib.page();
    }
  }

  trackComponent(type, properties) {
    switch(type) {
      case 'product':
        return this.track('Viewed Product', properties);
      case 'collection':
        return this.track('Viewed Product Category', properties);
    }
  }

  track(eventName, properties) {
    properties.pageurl = document.location.href;
    properties.referrer = document.referrer;
    properties.subdomain = this.clientConfig.domain;
    if (this.lib && this.lib.track) {
      this.lib.track(eventName, properties);
    }
  }
}