How do I call an analytics function every time the page is loaded?

[daydream05]

Also, I would need the data from the page that is rendered.

I'm looking at gatsby-browser apis but not sure which one to use

exports.onClientEntry = () => {
  console.log("We've started!")
  callAnalyticsAPI()
}

onClientEntry doesn't have data from the page

I was using useEffect(() =>, []) before but sometimes the analytics hasn't loaded yet which causes referencerror.

[herecydev]

WrapPageElement will give you access to the pageProps. I would suggest using a useEffect in there. I'm unaware of your analytics provider so it's not obvious how to solve the referenceerror issue.

[daydream05]

Thanks! I use amplitude and the gatsby plugin for it

// For analytics

  useEffect(() => {
    if (typeof window !== `undefined`) {
       logAmplitudeEvent({ eventName: `Docs Topic: ${documentation?.title}` })
    }
  }, [])