📊 google analytics with next.js

@bradgarropy/next-google-analytics

Blog Post

Google Analytics

------------------------------------------------------------------

[internetdrew]

Good lookin out on this. This is exactly what I was looking for.

[jonathanjohnson]

THANKS so much Brad. Really cleared up a lot of confusion regarding adding analytics to single page applications. Clear and to the point. One more subscriber 👍

[igboanugwocollins]

Comprehensive video... your package is awesome as well

[appstuff]

Hi again Brad, we had a chat about 2 months ago, thanks for that, and again back to this video, thanks for this video.
---
1. Advanced:
I am stuck in a dilemma, perhaps a basic guidance or suggestion from an expert such as you might help.
My Tech Stack:
NextJS 13.5 with Supabase.
I have a link aggregation clone like linktree, since its a learning hobbyist project, where each user has its unique user profile and multiple links. Similar to linktree style.

Everything works as is. The next stage of my project is Analytics:
1. I need to show the logged in user how many page visits his page has
2. how many times a link/button was clicked on his page.

For this, i planned to do diy, but in case if there are heavy requests I fear my db wont be able to handle so I plan to use something like Google Analytics.

Now, Im familiar with the basic integration for my project/web-app and to see how many visitors visited my project/web-app.
What I want to undertand is to show my logged in users the data about ONLY their profile page without making them go through any hassle and just show them in my webapp dashboard, is it possible to do so?
Each user can see their analytics through google analytics in my web app itself.

How do i tackle this? Is it a viable method with GA or should I DIY?
Thanks for your time.
---
2. Simple:
Another thing is would you be anytime in the near future, be doing a follow up video to do GTMs with GA along with consent cookie as within the new NextJS app router approach as well?

[uswanadeem]

Thank you so much. I'm watching your video and I complete my task.

[thecodingcanuck]

Thanks for the video bud, it worked great!

[arturor.cabrera]

Great video, exactly what I needed to implement!

[grizzlyabe]

wow the best video, straight to the point! kudos!!

[rkcoder]

Awesome, earned yourself a new subscriber!

[cesarcoloradocaceres]

So good!
Thanks so much.

From Perú

[james-perkins]

Nice video Brad, one piece of advice zoom in a bit when on browsing the web, Watched this on my phone and it’s hard to see

[talalmughal]

Thanks bro, you saved my day. And it is as you said, some of them are incorrect out there, even still.

[karimelnemr]

Still that is very helpful, thank you so much for making it easy :)

[eab]

I am using Next's new app router. Do I add the scripts to Layout.tsx in the root /app directory?
I did this but window.dataLayer doesn't change, i.e. the history change doesn't get added to window.dataLayer when I change pages.
How can this be solved?

[shivanibansal]

Hi, thanks for the video. I followed step by step but I do not see the history change event. How can I resolve that?

[sudoSayak]

Tried to implement this. google analytics debugger extension shows the data, unable to see this in google analytics dashboard

[dixztube]

I just stick with vercel mine just cut off out of the blue. No metrics but the tag and data layer events are still there

[uswanadeem]

Sir can you please make videos on, , user click on a button or filled a form in next J's

[lifeiscrazy]

Hi Brad !! Can you tell me how to add Google Tag Manager script in react js website

[pixelbakery]

What about page-specific data layers / variables?