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 IntelligemsTracker = ({
  cartOrCheckoutToken,
  currency,
  country,
}: {
  cartOrCheckoutToken: string | undefined | null;
  currency: string | undefined | null;
  country: string | undefined | null;
}) => {
  useIgTrack({
    cartOrCheckoutToken,
    currency,
    country,
  });
  return null;
};

export default function App({ children }) {
  return (
    <IntelligemsHydrogenProvider
      organizationId={process.env.INTELLIGEMS_ORG_ID}
      storefrontApiToken={process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN}
      antiFlicker={true}
    >
      <StoreProvider>
        <ClientOnly>
          {() => (
            <IntelligemsTracker
              cartOrCheckoutToken={...}
              country={...}
              currency={...}
            />
          )}
        </ClientOnly>
        {children}
      </StoreProvider>
    </IntelligemsHydrogenProvider>
  );
}