From Google Analytics to HTML - create your own dashboard

I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!

I don't run ads on tutorials - the only value I get is your engagement in the MDB community.

So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell

In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group

Thank you for your support!

Do you have an updated version that works with googles latest changes?

This no longer works with GA 4 and outdated code. Should be updated.

Hi to the person behind "Keep coding", thanks for this video.

I am stuck in a dilemma, perhaps a basic guidance or suggestion from an expert as youmight 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 without breaking out of the free supabase tier.
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, 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.

thanks only one of a kind video on internet. that's what I really needed

Does not work, this is way outdated, need for GA4

H sir, thanks for sharing this video on YT, could you please share a video using GA4, Analytic Data API, and the report can show on a desired/admin website?

@Mdbootstrap
Can we skip login page by using service key??
If possible please let us know

In 2023,
Please add
plugin_name: 'PLUGIN'

along with client id in easyData-google-analytics.js file
(Line no 7)

Hi, What languages we require in order to design and develop our own Analytics for Website and Mobile Apps?

So from now on, in order to request data to the analytics API from a personal website, you have to log in with your google acount in that website? Is there any other way? btw, the easydata html file can be useful but at the same time it's confusing for absolute beginners. I, for example, would have to look through hundreds of lines of code to see what's the actually minimally required code to request data from google analytics' API.

I cannot login, even though I made all steps.

anyone here this solution working in 2023? I did all steps but I got error
"You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated. See the [Migration Guide] for more information." error: "idpiframe_initialization_failed".

Is EasyData required to get GA data or is it only for charting?

You showed how to fetch data. Make a video to display google analytics graphs and charts in html page.

i dont see any login after clearing the cookies. help me anyone?

error: 'idpiframe_initialization_failed - i have created as per the instruction but there is a problem how to solve this.

I have tried this and do not get the login button, can you help?

Hi, super tutorial!

I get to the point where the login button should show. It looks like it requires the GAPI data to be present for the button to show:
document.addEventListener("gapi-loaded", (e).

I am not getting this button.

If I place the:
document.getElementById("sign-in-btn").style.display = "block";
outside of the code block I get the button. But cannot get the data. I have checked connected apps in Google and the application name is there with the right permissions. Do you have any ideas?

please help me why on google cloud platform there is a client id for web application Note: It may take 5 minutes to a few hours for settings to take effect

For me: Console error: details: "You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated. See the [Migration Guide] for more information." error: "idpiframe_initialization_failed".
I will verify where is my mistake