React Google Tag Manager react-gtm-module snippets

react-gtm-module.js

// react-gtm-module setup
import TagManager from 'react-gtm-module';
const tagManagerArgs = {
  gtmId: 'GTM-XXXXXXX',
};
TagManager.initialize(tagManagerArgs);

// react-gtm-module event
const dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'event-name',
  eventCategory: 'event-category',
  eventAction: 'event-action',
  eventLabel: 'event-label',
  eventValue: 'event-value',
});

// react-gtm-module page load
import TagManager from 'react-gtm-module';
const tagManagerArgs = {
  dataLayer: {
    page: 'page-name',
    pageCategory: 'page-category',
    pageAction: 'page-action',
    pageLabel: 'page-label',
    pageValue: 'page-value',
  },
};
TagManager.dataLayer(tagManagerArgs);