GatsbyJS & GA4: Upgrading a Gatsby Site to Google Analytics 4

This video demonstrates how to upgrade a GatsbyJS site using Google Universal Analytics to Google Analytics 4 (GA4). There were 3 primary methods for implementing Universal Analytics on a Gatsby site: 1) using the gatsby-plugin-google-analytics plugin, using a gtag with the gatsby-plugin-google-gtag plugin, or 3) using Google Tag Manager (GTM) using the gatsby-plugin-google-tagmanger plugin. This video covers setting up a Google Analytics 4 account and how to update a site that used any of these methods.

Timestamps:
0:00 - Video Introduction
1:12 - Setting up a new Google Analytics 4 property
4:25 - Upgrading to GA4 for site using the Gatsby Google Analytics Plugin
6:38 - Upgrading to GA4 for site using the Gatsby GTAG Plugin
8:55 - Upgrading to GA4 for site using the Gatsby GTM Plugin

Connect:

#gatsbyjs #ga4 #googleanalytics

[blarz]

This is a gold mine. I needed this. Thanks for sharing!

[불주먹-wh]

When applying the gatsby-plugin-google-gtag plug-in, it must be applied at the top of the plug-in plug-in list to work well.
I kept thinking about it because the data stream wasn't analyzed, but the plug-in order was important

[kosisochukwuafoenyi]

Thank you very much, you really helped me out. I couldn't find this information anywhere.

[amalitsky]

Do you know what is the reason/benefit of using gatsby-route-chage event instead of native page_view?

[CoryMckinnonHandle]

Followed this to the T and still no analytics. Am getting a 307 status for the gtag. I think the plugin might be pushing out javascript that is preventing the gtag to be communicated? "if(true) {
window.dataLayer = window.dataLayer || []; function gtag('js', new Date()); gtag('config', 'G-4XJYSFRSR9', {"send_page_view":false}); }". I don't know if something broke in the plugin?

[malloryreese-bagley]

At @Guiding Digital thank you, thank you, thank you. This was great. As a non-developer, I can easily pass this along to my dev team to help them through the needed changes.

Question: are there any problems with keeping the plugin (for our old universal analytics properties) and then using g-tag for our new unified GA4 properties?

We have a bunch of custom configuration set-up using the plugin that I'd prefer to not touch (our plan is to depreciate our universal analytics properties after we have 13 months of data in our new GA4 property), but not sure if it's possible to use the gatsby-plugin-google-gtag and the plugin at the same time?

[singerabantika]

Hi, that was very useful. It was superb. I loved your lucid explanation. It will be nice if you can make another video about how to handle custom events like click etc. using this plugin.

[zulzdn]

how to set up converttion for google ads