pauliescanlon / gatsby-script-component-google-analytics

Example repo using Gatsby's Script component and Google Analytics GA4 Property

gatsby-script-component-google-analytics

Example repo using Gatsby's Script component and Google Analytics GA4 Property

Gatsby Cloud URL: https://gatsbyscriptcomponentgoogleana.gatsbyjs.io/

Blog Post: How to use Gatsby's Script API with Google Analytics

Environment Variables

This example requires both a .env.development and .env.production that contain an env var named: GATSBY_GA_MEASUREMENT_ID=

Googles GA4 Measurement ids usually start with a G- and look a little like this: G-A2BCDEFTH1

gatsby-script-component-google-analytics's Issues

Demo Issue / Unable to follow steps from blog.

Hi,
I installed the demo locally, replacing the .env config with the following test stream.

GATSBY_GA_MEASUREMENT_ID=G-76J7BRMJ6F

After doing so and running Gatbsy Build && Gatsby Serve, no data is reported in GA4.

Steps to Reproduce
Install Project
Duplicate .env-example as .env
Add real ga4 ID to the variable
Run Gatsby Build && Gatbsy Server
Check GA4, don't see anything

See a 404 on the Third-party Proxy / Happens both locally with demo site, and with inprogress site on Gatsby Cloud.

I originally started this process on an in-progress site, but since it's running preact 10 .11 instead of React 18/17. I thought I'd give this a shot.