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:
To get started, you need:
- A Keen account
- A Keen project with data streaming to it from the Auto-Collector
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.
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!
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.
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.
Send us an email at [email protected] or join our Community Slack to share bugs, issues, or suggestions!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent