https://github.com/cristianpb/analytics-google

Google analytics from cristianpb.github.io
https://github.com/cristianpb/analytics-google

chartjs github-actions google-analytics svelte sveltekit tailwindcss

Last synced: 2 months ago
JSON representation

Google analytics from cristianpb.github.io

• Host: GitHub
• URL: https://github.com/cristianpb/analytics-google
• Owner: cristianpb
• Created: 2019-09-21T00:53:14.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-10-23T21:58:53.000Z (3 months ago)
• Last Synced: 2024-10-24T21:08:14.729Z (3 months ago)
• Topics: chartjs, github-actions, google-analytics, svelte, sveltekit, tailwindcss
• Language: Svelte
• Homepage: https://cristianpb.github.io/analytics-google/
• Size: 6.4 MB
• Stars: 15
• Watchers: 3
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-actions - Deploy Google Analytics stats to GitHub Pages
• fucking-awesome-actions - Deploy Google Analytics stats to GitHub Pages
• awesome-workflows - Deploy Google Analytics stats to GitHub Pages
• jimsghstars - cristianpb/analytics-google - Google analytics from cristianpb.github.io (Svelte)

README

        
# [Google analytics dashboard](https://cristianpb.github.io/analytics-google/)

Customized dashboard which:

- connect to the google analytics api to fetch your analytics data ;

- make interactive charts using the popular javascript library d3.js and dc.js ;

- deploy your dashboard automatically in github pages serveless architecture by using github actions.

More details are included in [my article](https://cristianpb.github.io/blog/analytics-google)

![google analytics dashboard](https://cristianpb.github.io/assets/img/analytics-google/main.jpg 'google analytics dashboard')

## Installation

Most important commands are in `Makefile`. So in order to start a development environment you only need to type:

```

make up

```

## Deploy

I create a static html page by using:

```

make build

```

This creates a `dist` folder that can be used as a static page. I use github

pages to publish the html at [this

page](https://cristianpb.github.io/analytics-google/) and I use github actions

to update the data.

## Dependencies

- `python`

- You need to have enable google api credentials in order to obtain a token and fetch google analytics data instructions can be found in [my article](https://cristianpb.github.io/blog/analytics-google).

- I name the credentials as `token.json`. If you want to name it different, you have to change the name in `analytics.py` file.