Track Page Views

• For best analytics, this hook requires the following data to be passed in. This should be determined in whatever way necessary for your store:

  • Cart or Checkout Token

  • Country

  • Currency

• This hook runs client-side with an internal useEffect()

import { IntelligemsHydrogenProvider, useIgTrack } from "@intelligems/headless/hydrogen"
import {ClientOnly} from 'remix-utils/client-only';


const IgTrack = ({
  cartOrCheckoutToken,
  currency,
  country,
}: {
  cartOrCheckoutToken: string;
  currency: string;
  country: string;
}) => {
  useIgTrack({
    cartOrCheckoutToken,
    currency,
    country,
  });
  return null;
};

export const wrapRootElement = ({ element }) => {
  return <IntelligemsHydrogenProvider 
            organizationId={process.env.INTELLIGEMS_ORG_ID}
            storefrontApiToken={process.env.STOREFRONT_ACCESS_TOKEN}
            antiFlicker={true}
  >
    <StoreProvider>
      <ClientOnly>
        {() => (
          <IgTrack
            cartOrCheckoutToken={...}
            country={...}
            currency={...}
          />
        )}
        </ClientOnly>
        {element}
    </StoreProvider>
  </IntelligemsHydrogenProvider>
}