@churchapps/apphelper/src/helpers/AnalyticsHelper.ts

Library of helper functions for React and NextJS ChurchApps

import ReactGA from "react-ga4";
import { CommonEnvironmentHelper, UserHelper } from "@churchapps/helpers";

export class AnalyticsHelper {

  static init = () => {
    if (CommonEnvironmentHelper.GoogleAnalyticsTag !== "" && typeof(window)!=="undefined") {
      ReactGA.initialize([{trackingId: CommonEnvironmentHelper.GoogleAnalyticsTag}]);
      AnalyticsHelper.logPageView();
    }
  }

  static logPageView = () => {
    if (CommonEnvironmentHelper.GoogleAnalyticsTag !== "" && typeof(window)!=="undefined") {
      this.setChurchKey();
      ReactGA.send({ hitType: "pageview", page: window.location.pathname + window.location.search });
    }
  }

  static logEvent = (category: string, action: string, label?:string) => {
    if (CommonEnvironmentHelper.GoogleAnalyticsTag !== "" && typeof(window)!=="undefined") {
      this.setChurchKey();
      ReactGA.event({ category, action, label });
    }
  }

  private static setChurchKey = () => {
    const churchKey = UserHelper?.currentUserChurch?.church?.subDomain;
    if (churchKey) ReactGA.set({church_key: churchKey });
  }

}