# 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()`

```tsx

import { IntelligemsNextClientsideProvider, useIgTrack } from "@intelligems/headless/next-clientside-app-directory"


const InnerHoc = ({ children }) => {
  const { checkout } = React.useContext(StoreContext)
  useIgTrack({
    cartOrCheckoutToken: checkout?.id,
    currency: checkout.totalTaxV2?.currencyCode,
    country: "US"
  })

  return children
}

export const wrapRootElement = ({ element }) => {
  return <IntelligemsNextClientsideProvider 
            organizationId={process.env.NEXT_PUBLIC_INTELLIGEMS_ORG_ID}
            storefrontApiToken={process.env.NEXT_PUBLIC_STOREFRONT_ACCESS_TOKEN}
            antiFlicker={true}
  >
    <StoreProvider>
      <InnerHoc>
        {element}
      </InnerHoc>
    </StoreProvider>
  </IntelligemsNextClientsideProvider>
}

```