Skip to content

An instant analytics dashboard for Keen Auto-Collector

License

Notifications You must be signed in to change notification settings

pubpub/auto-collector-dashboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Keen Auto-Collector Dashboard

Live Demo

An instant analytics dashboard for Keen projects using the web Auto-Collector.

This dashboard comes pre-populated with charts based on the standard event data model used by the web Auto-Collector.

You can clone the project to make it your own in Glitch with your own Keen data here:

Remix on Glitch Deploy to Netlify

Getting Started

To get started, you need:

If you don’t already have Auto-Collector installed, drop in this snippet with your PROJECT_ID and WRITE_KEY into your website’s <head> code and start seeing web events flow in within seconds.

Once you have these two things, you can clone (or "remix") the code in Glitch or locally by git cloning this repo.

Next, you need to replace the example projectId and readKey in the /js/charts.js file with those for your project.

Running the Application

If you are running the project within Glitch, click the "Show Live" button.

If you are running the project locally and have the files downloaded or git cloned, open the index.html file in a browser.

Your dashboard should now render in your browser!

Going Forward

The cool thing about the Auto-Collector is that it is just a start.

Since you don’t have to think about what your data model is, it’s a great starting point to hit the ground running quickly. You can always customize and enrich your data and your data views later alongside the event data models from the Auto-Collector.

If you want to track custom events beyond pageviews, clicks, and form submissions, you can easily access our core Javascript tracking library (which this SDK uses under the hood). See more here.

For example: You could have a graph of signup or login events that are custom to your application. Other example actions you could track with Keen are: purchases, powerups, upgrades, errors, swipes, favorites, impressions, etc.

If you want to think more about event data, check out this blog post.

Contributions Welcome

This is an open source project, and we love involvement from the community! If you are interested in getting involved, please see the CONTRIBUTING.md file.

Need Help?

Send us an email at team@keen.io or join our Community Slack to share bugs, issues, or suggestions!

About

An instant analytics dashboard for Keen Auto-Collector

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.4%
  • CSS 19.9%
  • HTML 16.7%