Netlify-plugin-diy-analytics NPM

DIY Analytics

Get simple insights into your website's traffic, and do not pay for them! This project bridges the gap between free analytics services:

:raised_hands: they're free,
:lock: but offer no control over the data,
:no_entry: require yet another account,
:scream_cat: and their UI can be overwhelming;

and paid analytics services:

:sunglasses: they're generally slick,
:moneybag: but they're paid,
:money_with_wings: and, worse than that, the pricing plans tend to not account at all for websites that make no or little revenue.

Installation

Head over to jsonbox and copy the temporary box URL that was created for you.

Next, use that URL and define ANALYTICS_URL in your build's settings.

Now, add the DIY Analytics Netlify plugin to your website, with the following in netlify.toml:

[[plugins]]
package = "netlify-plugin-diy-analytics"

You'll also need to add the following in netlify.toml, in case you've not defined a folder for functions in the UI:

[build]
  functions = "functions"

In order for the build bot to download the plugin, add it to your package.json, or make the following minimalistic one in case you don't have one:

{
  "dependencies": {
    "netlify-plugin-diy-analytics": "^1.0.2"
  }
}

If not already done, define a recent enough Node version for Netlify plugins to work, either in .node-version or as an environment variable: NODE_VERSION=10

Finally, add the tracking pixel to your pages:

<img src="<YOUR_DOMAIN>/.netlify/functions/counter" alt="" style="position:absolute" />

TODO's

report to Netlify that their functions-utils example is not working
stop writing to a jsonbox when it's over 5'000 records, as requested in the documentation
support more storage options (S3?)
use node-fetch to simplify counter.js

Credits

This project would not have been possible without:

netlify netlify-plugin

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago