Skip to content

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

Notifications You must be signed in to change notification settings

KaterinaLupacheva/react-google-analytics-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Google Analytics Dashboard

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.

The blog post How to develop a custom Google Analytics Dashboard using Google Analytics Reporting API v4 and React.js (VERSION 2020).