Skip to content

aliciabonilla/react-google-analytics-dashboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Google Analytics Dashboard

Source code for the blog post How to develop a custom Google Analytics Dashboard using Google Analytics Reporting API v4 and React.js.

Custom Google Analytics Dashboard based on Google Analytics Reporting API v4 with OAuth2, charts and tables.

users visits users sessions countries sources pageviews browsers and devices

Technologies used

Run the app locally

  1. Clone this repo
  2. Create project in Google Developers Console
  3. Enable Google Analytics Reporting API.
  4. Configure Google OAuth consent screen.
  5. Add your CLIENT_ID into .env file: REACT_APP_CLIENT_ID='YOUR_CLIENT_ID'
  6. Run npm install
  7. Run npm start

This project was bootstrapped with Create React App.

About

Custom Google Analytics Dashboard based on Google Analytics Reporting API v4 with OAuth2.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.1%
  • HTML 4.6%
  • CSS 1.2%
  • Shell 0.1%