> For the complete documentation index, see [llms.txt](https://web3-analytics.gitbook.io/product-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://web3-analytics.gitbook.io/product-docs/technology/front-end-instrumentation.md).

# Front end instrumentation

To use Web3 Analytics, you instrument your app using [Analytics](https://github.com/DavidWells/analytics) (a lightweight open-source frontend analytics abstraction layer) and use the [web3 analytics plugin](https://www.npmjs.com/package/analytics-plugin-web3analytics) I wrote for a decentralized data back-end. Analytics has plugins for most major analytics systems and they can be run in parallel, so taking this approach removes vendor lock-in and reduces risk.

You can see Web3 Analytics working on this [demo site](https://celadon-pothos-120129.netlify.app/) ([source code](https://github.com/andyjagoe/web3-analytics-demo)). Click the buttons to generate events. You'll see confirmation toasts appear in the browser. Open the browser console to see the interactions with the decentralized back-end.