GatsbyJS & Analytics: How to Add Google Analytics 4.0 To a Gatsby Site Using Gtag

In this video, I walk through creating a new Google Analytics 4 property, installing the Gtag (global site tag) plugin on a Gatsby site, and then configuring the plugin to deploy a Google Analytics 4 property.

Note: This video covers adding a Google Analytics 4 property. Google Analytics 4 is now the default property type when creating new analytics properties.

Links:

Timestamps:
0:00 - Video Introduction
2:01 - Creating a Google Analytics 4 property
6:45 - Adding and configuring the gtag Gatsby plugin
9:44 - Verifying our plugin and analytics property
12:57 - Video Wrap-Up

Connect:

#gatsbyjs #googleanalytics #webanalytics

[marshallmixes]

You sir are a hero, nothing worse than being asked to do stuff that you have not one iota about for a company. Such ease bless google ha.

[GSBroker]

Thanks for the video. A reminder to everyone: remember to disable ad blockers. I'm fairly new to web development, so I didn't know ad blockers also blocked google analytics. Took me a while to realize why I was not getting any data. Oops.

[aravindsanjeev]

Quality video. Appreciate the work. Keep it up.

[Razroo]

This was an exceptional video. Our team enjoyed, thank you!

[victoroliveirabarbosa]

High quality video! Thank you for that

[DivyanshBatham]

Took me ages to find an up to date video, all the other videos that I found we outdated and things were not working for me.

Thanks for such an amazing video, you got a new subscriber with bell notifications on!

[lucaszapico]

cheers mate, this had me turned around. Thanks for the video!

[gabmoroni]

This is great man, thanks! Looking forward to see more gatsby content!

[Brimac]

Thank you for making such a straight forward video. Took me ages to find a tutorial like this.

[Matt-vksb]

Very helpful! You really got me started right with this!

[justinheehaw]

<script>tag might not appear if run by `gatsby develop`. I took a while to figure out:(

[Goeinavund]

Great video! Very clear and to the point.

[lowkyio]

This helped me out and I appreciate the effort you put into the video! Keep it up!

[tonicaktas]

Thanks for the effort....you are very good end easy to follow along. Can u make video on how to track custom event with gtag and g2 with gatsby sites.

[LmnPrty]

I came to this video because for the life of me I couldn't get it to work. The problem ended being that I was using Brave browser and that it blocked the analytics script. Maybe this helps someone, as another comment already mentioned, turn the shields and adblockers off!

[jaysueno]

Great video. Thank you! I wasn't able to get the debugging to work. My tag isn't recognizing my event clicks and such. Im using the Gatsby "simplefolio" template. I'm new to Gatsby and I wanted to create this site to showcase my portfolio.

[camixxx]

Is there a way to set a nonce using the gtag plugin config?