Vue plugin built on keen-tracking.js.
npm install vue-keen-tracking --save import VueKeen from "vue-keen-tracking"; const keenOptions = { projectId: "<KEEN_PROJECT_ID>", writeKey: "<KEEN_WRITE_KEY>" }; Vue.use(VueKeen, keenOptions); You can then access the KeenTracking object through this.$keen in any of your components/views.
You can add autoTracking: true to the config to add Keens auto-tracking.
To track events from vue-router or vuex, extend your config with this:
import VueRouter from "vue-router"; import Vuex from "vuex"; Vue.use(Vuex); Vue.use(VueRouter); const router = require("./router"); const store = require("./store"); const keenOptions = { projectId: "<KEEN_PROJECT_ID>", writeKey: "<KEEN_WRITE_KEY>", trackRoutes: { router: router }, trackVuex: { store: store, mutations: true, actions: true } }; const user = await fetchUser(); this.\$keen.extendEvents({ user }) this.\$keen.recordEvent("purchases", { item: "avocado" });