Google Analytics: React util (react-ga)

ga.ts

import ReactGA, { InitializeOptions, EventArgs } from 'react-ga';

const gaOptsDefault = {
  debug: true,
  siteSpeedSampleRate: 100,
};

export const GA_ID = 'G-XXXXXXXXXXX';

export const GA_EVENTS = {
  page_view: 'page_view',
};

/**
 * Initialize GA tracking
 * example:
 */
export const gaInitialize = (trackingId: string = GA_ID, opts: InitializeOptions = {}) =>
  ReactGA.initialize(trackingId, { ...gaOptsDefault, ...opts });

/**
 * Send GA Event
 * example:
 * {
 *   category: 'Promotion',
 *   action: 'Displayed Promotional Widget',
 *   label: 'Homepage Thing',
 *   value: 3,
 *   transport: 'xhr',
 *   nonInteraction: true
 * }
 */
export const gaSendEvent = (
  category: EventArgs['category'],
  action: EventArgs['action'],
  value?: EventArgs['value'],
  transport?: EventArgs['transport'],
  nonInteraction?: EventArgs['nonInteraction']
): void =>
  ReactGA.event({
    category,
    action,
    value,
    transport,
    nonInteraction,
  });

export const gaPageView = () => ReactGA.pageview(window.location.pathname + window.location.search);